@coorpacademy/components 11.7.3-alpha.7 → 11.7.4-alpha.39

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MoocHeader","React","Component","constructor","props","state","isSettingsOpen","isMenuOpen","isFocus","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","setState","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","closeSettingsAriaLabel","activePageAriaLabel","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","style","itemBadge","name","itemName","activePage","bar","optionsView","more","option","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","classnames","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","profileAvatarAlt","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","closeSettings","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","navMobile","burgerHidden","burger","close","closeHidden","menuWrapper","hiddenMenuWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","src","string","srcMobile","Search","func","arrayOf","oneOf","bool","number","Cta"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      profileAvatarAlt: PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'close-settings-aria-label': PropTypes.string,\n    'active-page-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\n    }));\n  }\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'close-settings-aria-label': closeSettingsAriaLabel,\n      'active-page-aria-label': activePageAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, closeMenuAriaLabel, openMenuAriaLabel} = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreAriaLabel = translate('More');\n    const closeLabel = translate('Close');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              className={style.itemBadge}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            className={item.selected ? style.activePage : style.item}\n            skinHover\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={itemLabel}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            className={style.option}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            skinHover\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n          </Link>\n        );\n      });\n\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div className={style.currentOption} aria-haspopup=\"true\" data-name=\"item-more\">\n              {moreAriaLabel}\n              <ArrowDown color={mediumColor} className={style.caret} aria-label={moreAriaLabel} />\n            </div>\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} color={white} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} color={white} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} color={white} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} alt={user.profileAvatarAlt} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span id={`titleId-${settingName}`} className={style.label}>\n                  {title}\n                </span>\n                <InputSwitch {...switchProps} aria-labelledby={`titleId-${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          <CogIcon\n            data-name=\"settings-toggle\"\n            color={darkColor}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div data-name=\"settings\" className={style.settingsGroup}>\n              {settingsElements}\n            </div>\n            <div\n              className={style.closeSettings}\n              onClick={this.handleSettingsToggle}\n              aria-label={closeSettingsAriaLabel}\n            >\n              {closeLabel}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div className={style.logoWrapper}>\n            <div className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                color={mediumColor}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link className={style.logo} data-name=\"logo\" href={logo.href}>\n              <Picture src={logoUrl} alt={logoAriaLabel} />\n            </Link>\n          </div>\n          {searchFormView}\n          <div\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MoocHeader","React","Component","constructor","props","state","isSettingsOpen","isMenuOpen","isFocus","isToolTipOpen","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","handleOnMouseOver","handleOnMouseLeave","handleKeyPress","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","setState","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","event","key","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","closeSettingsAriaLabel","activePageAriaLabel","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","toolTipText","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","closeLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","style","itemBadge","name","itemName","activePage","bar","optionsView","more","option","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","classnames","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","profileAvatarAlt","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","closeSettings","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","navMobile","burgerHidden","burger","close","closeHidden","tooltipIconContainer","homeIcon","__html","menuWrapper","hiddenMenuWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","src","string","srcMobile","Search","func","arrayOf","oneOf","bool","number","Cta"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaSolidPlacesPlacesHome2 as HomeIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string,\n      toolTipText: PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      profileAvatarAlt: PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'close-settings-aria-label': PropTypes.string,\n    'active-page-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false,\n      isToolTipOpen: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n    this.handleOnMouseOver = this.handleOnMouseOver.bind(this);\n    this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\n    }));\n  }\n\n  handleOnMouseOver() {\n    this.setState(() => ({\n      isToolTipOpen: true\n    }));\n  }\n\n  handleOnMouseLeave() {\n    this.setState(() => ({\n      isToolTipOpen: false\n    }));\n  }\n\n  handleKeyPress(event) {\n    if (event.key === 'Enter') {\n      this.setState(() => ({\n        isToolTipOpen: true\n      }));\n    } else if (event.key === 'Tab' || event.key === 'Escape') {\n      this.setState(() => ({\n        isToolTipOpen: false\n      }));\n    }\n  }\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'close-settings-aria-label': closeSettingsAriaLabel,\n      'active-page-aria-label': activePageAriaLabel\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen, isToolTipOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {'aria-label': logoAriaLabel, closeMenuAriaLabel, openMenuAriaLabel, toolTipText} = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreAriaLabel = translate('More');\n    const closeLabel = translate('Close');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              className={style.itemBadge}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            className={item.selected ? style.activePage : style.item}\n            skinHover\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={itemLabel}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            className={style.option}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            skinHover\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n          </Link>\n        );\n      });\n\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div className={style.currentOption} aria-haspopup=\"true\" data-name=\"item-more\">\n              {moreAriaLabel}\n              <ArrowDown color={mediumColor} className={style.caret} aria-label={moreAriaLabel} />\n            </div>\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} color={white} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} color={white} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} color={white} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} alt={user.profileAvatarAlt} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <span className={style.label}>{title}</span>\n                <InputSwitch {...switchProps} />\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            color={darkColor}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div data-name=\"settings\" className={style.settingsGroup}>\n              {settingsElements}\n            </div>\n            <div\n              className={style.closeSettings}\n              onClick={this.handleSettingsToggle}\n              aria-label={closeSettingsAriaLabel}\n            >\n              {closeLabel}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div className={style.logoWrapper}>\n            <div className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                color={mediumColor}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                color={mediumColor}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link\n              className={style.logo}\n              data-name=\"logo\"\n              href={logo.href}\n              onKeyDown={this.handleKeyPress}\n              tabIndex={0}\n            >\n              <Picture\n                src={logoUrl}\n                alt={logoAriaLabel}\n                onMouseOver={this.handleOnMouseOver}\n                onMouseLeave={this.handleOnMouseLeave}\n              />\n              {isToolTipOpen ? (\n                <div className={style.tooltipIconContainer} role=\"tooltip\" tabIndex={0}>\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              ) : null}\n            </Link>\n          </div>\n          {searchFormView}\n          <div\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAWA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAN,SAAyBC,cAAA,CAAMC,SAA/B,CAAyC;EAoGvCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MACXC,cAAc,EAAE,KADL;MAEXC,UAAU,EAAE,KAFD;MAGXC,OAAO,EAAE,KAHE;MAIXC,aAAa,EAAE;IAJJ,CAAb;IAOA,KAAKC,oBAAL,GAA4B,KAAKA,oBAAL,CAA0BC,IAA1B,CAA+B,IAA/B,CAA5B;IACA,KAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBD,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKE,aAAL,GAAqB,KAAKA,aAAL,CAAmBF,IAAnB,CAAwB,IAAxB,CAArB;IACA,KAAKG,eAAL,GAAuB,KAAKA,eAAL,CAAqBH,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKI,eAAL,GAAuB,KAAKA,eAAL,CAAqBJ,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKK,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBL,IAAxB,CAA6B,IAA7B,CAA1B;IACA,KAAKM,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBN,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKO,aAAL,GAAqB,KAAKA,aAAL,CAAmBP,IAAnB,CAAwB,IAAxB,CAArB;IACA,KAAKQ,YAAL,GAAoB,KAAKA,YAAL,CAAkBR,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKS,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBT,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKU,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBV,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKW,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBX,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKY,kBAAL,GAA0B,KAAKA,kBAAL,CAAwBZ,IAAxB,CAA6B,IAA7B,CAA1B;IACA,KAAKa,cAAL,GAAsB,KAAKA,cAAL,CAAoBb,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDc,kBAAkB,CAACC,SAAD,EAAYC,SAAZ,EAAuBC,WAAvB,EAAoC;IACpD,MAAM;MAACtB;IAAD,IAAmB,KAAKD,KAA9B;;IACA,IAAIC,cAAJ,EAAoB;MAClBuB,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmC,KAAKjB,aAAxC;MACAgB,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwC,KAAKjB,aAA7C;IACD,CAHD,MAGO;MACLgB,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsC,KAAKlB,aAA3C;MACAgB,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2C,KAAKlB,aAAhD;IACD;EACF;;EAEDE,eAAe,CAACiB,EAAD,EAAK;IAClB,KAAKC,YAAL,GAAoBD,EAApB;EACD;;EAEDnB,aAAa,CAACqB,UAAD,EAAa;IACxB,MAAM;MAAC5B;IAAD,IAAmB,KAAKD,KAA9B;;IACA,IAAIC,cAAJ,EAAoB;MAClB,MAAM6B,IAAI,GAAG,KAAKF,YAAlB;;MACA,IAAIE,IAAI,IAAI,CAACA,IAAI,CAACC,QAAL,CAAcF,UAAU,CAACG,MAAzB,CAAb,EAA+C;QAC7C,KAAK3B,oBAAL;MACD;IACF;EACF;;EAEDI,eAAe,GAAG;IAChB,MAAM;MAACP;IAAD,IAAe,KAAKF,KAA1B;IACAE,UAAU,IAAI,KAAKK,gBAAL,EAAd;EACD;;EAEDF,oBAAoB,GAAG;IACrB,KAAK4B,QAAL,CAAcX,SAAS,KAAK;MAC1BrB,cAAc,EAAE,CAACqB,SAAS,CAACrB;IADD,CAAL,CAAvB;EAGD;;EAEDM,gBAAgB,GAAG;IACjB,MAAM;MAACL;IAAD,IAAe,KAAKF,KAA1B;IACAE,UAAU,GAAG,KAAKc,iBAAL,EAAH,GAA8B,KAAKD,gBAAL,EAAxC;EACD;;EAEDJ,kBAAkB,GAAG;IACnB,MAAM;MAACuB;IAAD,IAAmB,KAAKnC,KAA9B;;IACA,IAAImC,cAAJ,EAAoB;MAClBA,cAAc;IACf;EACF;;EAEDtB,iBAAiB,GAAG;IAClB,MAAM;MAACuB;IAAD,IAAkB,KAAKpC,KAA7B;;IACA,IAAIoC,aAAJ,EAAmB;MACjBA,aAAa;IACd;EACF;;EAEDtB,aAAa,GAAG;IACd,KAAKoB,QAAL,CAAcX,SAAS,KAAK;MAC1BnB,OAAO,EAAE;IADiB,CAAL,CAAvB;EAGD;;EAEDW,YAAY,GAAG;IACb,KAAKmB,QAAL,CAAcX,SAAS,KAAK;MAC1BnB,OAAO,EAAE;IADiB,CAAL,CAAvB;EAGD;;EAEDY,gBAAgB,GAAG;IACjB,MAAM;MAACqB;IAAD,IAAe,KAAKrC,KAA1B;;IACA,IAAIqC,UAAJ,EAAgB;MACdA,UAAU;IACX;;IACD,KAAKH,QAAL,CAAc,OAAO;MACnB/B,UAAU,EAAE;IADO,CAAP,CAAd;EAGD;;EAEDc,iBAAiB,GAAG;IAClB,MAAM;MAACqB;IAAD,IAAgB,KAAKtC,KAA3B;;IACA,IAAIsC,WAAJ,EAAiB;MACfA,WAAW;IACZ;;IACD,KAAKJ,QAAL,CAAc,OAAO;MACnB/B,UAAU,EAAE;IADO,CAAP,CAAd;EAGD;;EAEDe,iBAAiB,GAAG;IAClB,KAAKgB,QAAL,CAAc,OAAO;MACnB7B,aAAa,EAAE;IADI,CAAP,CAAd;EAGD;;EAEDc,kBAAkB,GAAG;IACnB,KAAKe,QAAL,CAAc,OAAO;MACnB7B,aAAa,EAAE;IADI,CAAP,CAAd;EAGD;;EAEDe,cAAc,CAACmB,KAAD,EAAQ;IACpB,IAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;MACzB,KAAKN,QAAL,CAAc,OAAO;QACnB7B,aAAa,EAAE;MADI,CAAP,CAAd;IAGD,CAJD,MAIO,IAAIkC,KAAK,CAACC,GAAN,KAAc,KAAd,IAAuBD,KAAK,CAACC,GAAN,KAAc,QAAzC,EAAmD;MACxD,KAAKN,QAAL,CAAc,OAAO;QACnB7B,aAAa,EAAE;MADI,CAAP,CAAd;IAGD;EACF;;EAEDoC,MAAM,GAAG;IACP,IAAI,uBAAQ,KAAKzC,KAAb,CAAJ,EAAyB,OAAO,IAAP;IACzB,MAAM;MACJ0C,IAAI,GAAG,EADH;MAEJC,KAAK,EAAEC,KAFH;MAGJC,QAHI;MAIJC,IAJI;MAKJC,KALI;MAMJC,MANI;MAOJ,2BAA2BC,oBAPvB;MAQJ,uBAAuBC,iBARnB;MASJ,6BAA6BC,sBATzB;MAUJ,0BAA0BC;IAVtB,IAWF,KAAKpD,KAXT;IAYA,MAAM;MAACI,OAAD;MAAUF,cAAV;MAA0BC,UAA1B;MAAsCE;IAAtC,IAAuD,KAAKJ,KAAlE;IACA,MAAM;MAACoD,SAAD;MAAYC;IAAZ,IAAoB,KAAKC,OAA/B;IACA,MAAM;MAAC,cAAcC,aAAf;MAA8BC,kBAA9B;MAAkDC,iBAAlD;MAAqEC;IAArE,IAAoFjB,IAA1F;IACA,MAAMkB,OAAO,GAAG,mBAAI,KAAJ,EAAWlB,IAAX,KAAoB,mBAAI,aAAJ,EAAmBY,IAAnB,CAApC;IACA,MAAMO,aAAa,GAAG,mBAAI,WAAJ,EAAiBnB,IAAjB,KAA0B,qBAAMkB,OAAN,EAAe,oBAAf,EAAqCN,IAArC,CAAhD;IACA,IAAIQ,SAAS,GAAG,IAAhB;IACA,IAAIC,SAAS,GAAG,IAAhB;IACA,IAAIC,QAAQ,GAAG,IAAf;IACA,IAAIC,YAAY,GAAG,IAAnB;IACA,IAAIC,iBAAiB,GAAG,IAAxB;IACA,IAAIC,cAAc,GAAG,IAArB;IAEA,MAAMC,aAAa,GAAGf,SAAS,CAAC,MAAD,CAA/B;IACA,MAAMgB,UAAU,GAAGhB,SAAS,CAAC,OAAD,CAA5B;IACA,MAAMiB,YAAY,GAAG,mBAAI,gBAAJ,EAAsBhB,IAAtB,CAArB;IACA,MAAMiB,WAAW,GAAG,mBAAI,eAAJ,EAAqBjB,IAArB,CAApB;IACA,MAAMkB,SAAS,GAAG,mBAAI,aAAJ,EAAmBlB,IAAnB,CAAlB;IACA,MAAMmB,KAAK,GAAG,mBAAI,cAAJ,EAAoBnB,IAApB,CAAd;IACA,MAAMoB,gBAAgB,GAAG;MAACC,eAAe,EAAEL;IAAlB,CAAzB;;IAEA,IAAI1B,KAAJ,EAAW;MACT,MAAMgC,cAAc,GAAGhC,KAAK,CAACiC,SAAN,CAAgBC,GAAhB,CAAoB,CAACC,IAAD,EAAOC,KAAP,KAAiB;QAC1D,MAAMC,WAAW,GAAGF,IAAI,CAACG,QAAL,GAChB;UACEC,KAAK,EAAEb;QADT,CADgB,GAIhB,IAJJ;QAMA,MAAM;UAAC,yBAAyBc;QAA1B,IAAgDL,IAAtD;QACA,MAAMM,SAAS,GAAGN,IAAI,CAACG,QAAL,GAAiB,GAAEH,IAAI,CAACO,KAAM,KAAIlC,mBAAoB,EAAtD,GAA0D2B,IAAI,CAACO,KAAjF;QACA,MAAMC,SAAS,GACbR,IAAI,CAACS,OAAL,GAAe,CAAf,gBACE,6BAAC,aAAD;UACE,IAAI,EAAET,IAAI,CAACU,IADb;UAEE,aAAU,YAFZ;UAGE,SAAS,EAAEC,cAAA,CAAMC,SAHnB;UAIE,cAAYP;QAJd,GAMGL,IAAI,CAACS,OANR,CADF,GASI,IAVN;QAYA,MAAM;UAACI,IAAI,EAAEC,QAAQ,GAAGb;QAAlB,IAA2BD,IAAjC;QAEA,oBACE,6BAAC,aAAD;UACE,GAAG,EAAEc,QADP;UAEE,aAAY,QAAOA,QAAS,EAF9B;UAGE,IAAI,EAAEd,IAAI,CAACU,IAHb;UAIE,SAAS,EAAEV,IAAI,CAACG,QAAL,GAAgBQ,cAAA,CAAMI,UAAtB,GAAmCJ,cAAA,CAAMX,IAJtD;UAKE,SAAS,MALX;UAME,OAAO,EAAE,KAAKrE,eANhB;UAOE,MAAM,EAAEqE,IAAI,CAAC9C,MAAL,IAAe,IAPzB;UAQE,cAAYoD,SARd;UASE,KAAK,eACAJ,WADA;QATP,GAaGF,IAAI,CAACO,KAbR,EAcGC,SAdH,eAeE;UACE,SAAS,EAAEG,cAAA,CAAMK,GADnB;UAEE,KAAK,EAAE;YACLpB,eAAe,EAAEL;UADZ;QAFT,EAfF,CADF;MAwBD,CA/CsB,CAAvB;MAiDA,MAAM0B,WAAW,GAAGpD,KAAK,CAACqD,IAAN,CAAWnB,GAAX,CAAe,CAACC,IAAD,EAAOC,KAAP,KAAiB;QAClD,MAAMC,WAAW,GAAGF,IAAI,CAACG,QAAL,GAChB;UACEC,KAAK,EAAEb;QADT,CADgB,GAIhB,IAJJ;QAKA,MAAMe,SAAS,GAAGN,IAAI,CAACG,QAAL,GAAiB,GAAEH,IAAI,CAACO,KAAM,KAAIlC,mBAAoB,EAAtD,GAA0D2B,IAAI,CAACO,KAAjF;QACA,MAAM;UAACM,IAAI,EAAEC,QAAQ,GAAGb;QAAlB,IAA2BD,IAAjC;QACA,oBACE,6BAAC,aAAD;UACE,IAAI,EAAEA,IAAI,CAACU,IADb;UAEE,GAAG,EAAEI,QAFP;UAGE,SAAS,EAAEH,cAAA,CAAMQ,MAHnB;UAIE,aAAY,aAAYL,QAAS,EAJnC;UAKE,MAAM,EAAEd,IAAI,CAAC9C,MAAL,IAAe,IALzB;UAME,cAAYoD,SANd;UAOE,OAAO,EAAE,KAAK3E,eAPhB;UAQE,SAAS,MARX;UASE,KAAK,eACAuE,WADA;QATP,GAaGF,IAAI,CAACO,KAbR,CADF;MAiBD,CAzBmB,CAApB;MA2BAxB,SAAS,gBACP;QAAK,SAAS,EAAEd,MAAM,CAACmD,KAAP,IAAgB/F,OAAhB,GAA0BsF,cAAA,CAAMU,OAAhC,GAA0CV,cAAA,CAAM9C;MAAhE,GACGgC,cADH,eAEE;QAAK,SAAS,EAAEc,cAAA,CAAMO;MAAtB,gBACE;QAAK,SAAS,EAAEP,cAAA,CAAMW,aAAtB;QAAqC,iBAAc,MAAnD;QAA0D,aAAU;MAApE,GACGjC,aADH,eAEE,6BAAC,6CAAD;QAAW,KAAK,EAAEG,WAAlB;QAA+B,SAAS,EAAEmB,cAAA,CAAMY,KAAhD;QAAuD,cAAYlC;MAAnE,EAFF,CADF,eAKE;QAAK,SAAS,EAAEsB,cAAA,CAAMa;MAAtB,GAAqCP,WAArC,CALF,CAFF,CADF;IAYD;;IAED,IAAIjD,KAAJ,EAAW;MACT,MAAMyD,IAAI,GAAGzD,KAAK,CAAC+B,GAAN,CAAU,CAAC2B,GAAD,EAAMzB,KAAN,KAAgB;QACrC,oBACE,6BAAC,YAAD,eAASyB,GAAT;UAAc,GAAG,EAAEzB,KAAnB;UAA0B,SAAS,EAAEA,KAAK,GAAG,CAAR,KAAcjC,KAAK,CAAC2D,MAApB,GAA6B,IAA7B,GAAoChB,cAAA,CAAMiB;QAA/E,GADF;MAGD,CAJY,CAAb;MAMA5C,SAAS,gBAAG;QAAK,SAAS,EAAE2B,cAAA,CAAM3C;MAAtB,GAA8ByD,IAA9B,CAAZ;IACD;;IAED,IAAI1D,IAAJ,EAAU;MACR,MAAM8D,eAAe,GAAG,qBAAM,CAAN,EAAS,qBAAT,EAAgC9D,IAAhC,CAAxB;MACA,MAAM+D,sBAAsB,GAAG,qBAAM,EAAN,EAAU,0BAAV,EAAsC/D,IAAtC,CAA/B;MAEAoB,iBAAiB,GACf0C,eAAe,GAAG,CAAlB,gBACE,6BAAC,aAAD;QACE,IAAI,EAAE9D,IAAI,CAACgE,aAAL,CAAmBrB,IAD3B;QAEE,aAAU,oBAFZ;QAGE,SAAS,EAAEC,cAAA,CAAMoB;MAHnB,GAKGF,eALH,CADF,GAQI,IATN;;MAUA,MAAMG,oBAAoB,gBACxB,6BAAC,aAAD;QACE,SAAS,EAAE,IAAAC,mBAAA,EAAWtB,cAAA,CAAMuB,YAAjB,EAA+BL,eAAe,GAAG,CAAlB,GAAsBlB,cAAA,CAAMwB,MAA5B,GAAqC,IAApE,CADb;QAEE,aAAU,oBAFZ;QAGE,IAAI,EAAEpE,IAAI,CAACgE,aAAL,CAAmBrB,IAH3B;QAIE,cAAYoB;MAJd,gBAME,uDACE,6BAAC,6BAAD;QAAW,KAAK,EAAE,EAAlB;QAAsB,MAAM,EAAE;MAA9B,EADF,CANF,EASG3C,iBATH,CADF;;MAaAF,QAAQ,gBACN;QAAK,SAAS,EAAE0B,cAAA,CAAM5C;MAAtB,gBACE;QAAK,SAAS,EAAE4C,cAAA,CAAMyB;MAAtB,gBACE,6BAAC,aAAD;QACE,SAAS,EAAEzB,cAAA,CAAM0B,IADnB;QAEE,aAAU,YAFZ;QAGE,IAAI,EAAEtE,IAAI,CAACqE,KAAL,CAAWE,KAAX,CAAiB5B,IAHzB;QAIE,OAAO,EAAE,KAAK/E,eAJhB;QAKE,cAAYoC,IAAI,CAACqE,KAAL,CAAWE,KAAX,CAAiB,YAAjB;MALd,gBAOE;QAAK,SAAS,EAAE3B,cAAA,CAAM4B,WAAtB;QAAmC,KAAK,EAAE5C;MAA1C,gBACE,6BAAC,0CAAD;QAAU,SAAS,EAAEgB,cAAA,CAAM2B,KAA3B;QAAkC,KAAK,EAAE5C;MAAzC,EADF,CAPF,eAUE;QAAK,aAAU,OAAf;QAAuB,SAAS,EAAEiB,cAAA,CAAM6B;MAAxC,GACGzE,IAAI,CAACqE,KAAL,CAAWE,KAAX,CAAiBE,KADpB,CAVF,CADF,eAeE,6BAAC,aAAD;QACE,SAAS,EAAE7B,cAAA,CAAM0B,IADnB;QAEE,aAAU,cAFZ;QAGE,IAAI,EAAEtE,IAAI,CAACqE,KAAL,CAAWK,OAAX,CAAmB/B,IAH3B;QAIE,OAAO,EAAE,KAAK/E,eAJhB;QAKE,cAAYoC,IAAI,CAACqE,KAAL,CAAWK,OAAX,CAAmB,YAAnB;MALd,gBAOE;QAAK,SAAS,EAAE9B,cAAA,CAAM4B,WAAtB;QAAmC,KAAK,EAAE5C;MAA1C,gBACE,6BAAC,4CAAD;QAAY,SAAS,EAAEgB,cAAA,CAAM8B,OAA7B;QAAsC,KAAK,EAAE/C;MAA7C,EADF,CAPF,eAWE;QAAK,aAAU,OAAf;QAAuB,SAAS,EAAEiB,cAAA,CAAM6B;MAAxC,GACGzE,IAAI,CAACqE,KAAL,CAAWK,OAAX,CAAmBD,KADtB,CAXF,CAfF,eA8BE,6BAAC,aAAD;QACE,SAAS,EAAE7B,cAAA,CAAM0B,IADnB;QAEE,aAAU,YAFZ;QAGE,IAAI,EAAEtE,IAAI,CAACqE,KAAL,CAAWM,KAAX,CAAiBhC,IAHzB;QAIE,OAAO,EAAE,KAAK/E,eAJhB;QAKE,cAAYoC,IAAI,CAACqE,KAAL,CAAWM,KAAX,CAAiB,YAAjB;MALd,gBAOE;QAAK,SAAS,EAAE/B,cAAA,CAAM4B,WAAtB;QAAmC,KAAK,EAAE5C;MAA1C,gBACE,6BAAC,6CAAD;QAAY,SAAS,EAAEgB,cAAA,CAAM+B,KAA7B;QAAoC,KAAK,EAAEhD;MAA3C,EADF,CAPF,eAUE;QAAK,SAAS,EAAEiB,cAAA,CAAM6B;MAAtB,GAA8BzE,IAAI,CAACqE,KAAL,CAAWM,KAAX,CAAiBF,KAA/C,CAVF,CA9BF,CADF,eA4CE;QAAK,SAAS,EAAE7B,cAAA,CAAMgC;MAAtB,GACGX,oBADH,eAEE;QAAK,SAAS,EAAErB,cAAA,CAAMiC,MAAtB;QAA8B,aAAU;MAAxC,gBACE,6BAAC,aAAD;QACE,IAAI,EAAE7E,IAAI,CAAC2C,IADb;QAEE,SAAS,EAAEC,cAAA,CAAMkC,QAFnB;QAGE,OAAO,EAAE,KAAKlH,eAHhB;QAIE,cAAYoC,IAAI,CAAC,oBAAD;MAJlB,gBAME,6BAAC,gBAAD;QAAS,GAAG,EAAEA,IAAI,CAAC+E,OAAnB;QAA4B,GAAG,EAAE/E,IAAI,CAACgF;MAAtC,EANF,CADF,CAFF,CA5CF,CADF;IA4DD;;IAED,IAAIjF,QAAJ,EAAc;MACZ,MAAMkF,gBAAgB,GAAGlF,QAAQ,CAACiC,GAAT,CAAa,CAACkD,OAAD,EAAUhD,KAAV,KAAoB;QACxD,IAAIiD,WAAW,GAAG,IAAlB;QACA,MAAM;UACJC,OADI;UAEJC,IAFI;UAGJ7C,KAHI;UAIJM,IAAI,EAAEwC,WAAW,GAAGpD,KAJhB;UAKJG,KALI;UAMJkD,UANI;UAOJ,cAAcC;QAPV,IAQFN,OARJ;;QAUA,QAAQG,IAAR;UACE,KAAK,MAAL;YAAa;cACXF,WAAW,gBACT;gBAAK,aAAY,WAAUG,WAAY,EAAvC;gBAA0C,SAAS,EAAE1C,cAAA,CAAMsC,OAA3D;gBAAoE,GAAG,EAAEI;cAAzE,gBACE,6BAAC,aAAD;gBACE,SAAS,EAAE1C,cAAA,CAAM6C,IADnB;gBAEE,IAAI,EAAEL,OAAO,CAACzC,IAFhB;gBAGE,SAAS,MAHX;gBAIE,UAAU,EAAE4C,UAJd;gBAKE,OAAO,EAAE,KAAK3H,eALhB;gBAME,MAAM,EAAEwH,OAAO,CAACjG,MAAR,IAAkB,IAN5B;gBAOE,cAAYqG,SAAS,IAAIhD,KAP3B;gBAQE,KAAK,EAAE;kBACLH;gBADK;cART,GAYGG,KAZH,CADF,CADF;cAkBA;YACD;;UACD,KAAK,QAAL;YAAe;cACb,MAAMkD,WAAW,GAAG,EAApB;cACAA,WAAW,CAACN,OAAZ,GAAsBA,OAAO,CAACO,MAA9B;cACAD,WAAW,CAAClD,KAAZ,GAAoB,EAApB;cACAkD,WAAW,CAACE,KAAZ,GAAoB,QAApB;cACAF,WAAW,CAACG,QAAZ,GAAuBT,OAAO,CAACS,QAA/B;cAEAV,WAAW,gBACT;gBAAK,aAAY,WAAUG,WAAY,EAAvC;gBAA0C,SAAS,EAAE1C,cAAA,CAAMsC,OAA3D;gBAAoE,GAAG,EAAEI;cAAzE,gBACE;gBAAM,SAAS,EAAE1C,cAAA,CAAM6B;cAAvB,GAA+BjC,KAA/B,CADF,eAEE,6BAAC,eAAD,eAAYkD,WAAZ;gBAAyB,cAAYF,SAAS,IAAIhD;cAAlD,GAFF,CADF;cAMA;YACD;;UACD,KAAK,QAAL;YAAe;cACb,MAAMsD,WAAW,GAAG,EAApB;cACAA,WAAW,CAACzC,KAAZ,GAAoB+B,OAAO,CAAC/B,KAA5B;cACAyC,WAAW,CAACC,EAAZ,GAAkB,gBAAe7D,KAAM,EAAvC;cACA4D,WAAW,CAACD,QAAZ,GAAuBT,OAAO,CAACS,QAA/B;cAEAV,WAAW,gBACT;gBACE,aAAY,WAAUG,WAAY,EADpC;gBAEE,SAAS,EAAE1C,cAAA,CAAMsC,OAFnB;gBAGE,GAAG,EAAEI,WAHP;gBAIE,cAAYE,SAAS,IAAIhD;cAJ3B,gBAME;gBAAM,SAAS,EAAEI,cAAA,CAAM6B;cAAvB,GAA+BjC,KAA/B,CANF,eAOE,6BAAC,oBAAD,EAAiBsD,WAAjB,CAPF,CADF;cAWA;YACD;QAvDH;;QA0DA,OAAOX,WAAP;MACD,CAvEwB,CAAzB;MAyEAhE,YAAY,gBACV;QAAK,SAAS,EAAEyB,cAAA,CAAM7C,QAAtB;QAAgC,GAAG,EAAE,KAAKlC;MAA1C,gBACE,6BAAC,yCAAD;QACE,aAAU,iBADZ;QAEE,KAAK,EAAE6D,SAFT;QAGE,SAAS,EAAEkB,cAAA,CAAMoD,cAHnB;QAIE,OAAO,EAAE,KAAKxI,oBAJhB;QAKE,iBAAeJ,cALjB;QAME,cAAYgD;MANd,EADF,eASE;QAAK,SAAS,EAAEhD,cAAc,GAAGwF,cAAA,CAAMqD,eAAT,GAA2BrD,cAAA,CAAMsD;MAA/D,gBACE;QAAK,aAAU,UAAf;QAA0B,SAAS,EAAEtD,cAAA,CAAMuD;MAA3C,GACGlB,gBADH,CADF,eAIE;QACE,SAAS,EAAErC,cAAA,CAAMwD,aADnB;QAEE,OAAO,EAAE,KAAK5I,oBAFhB;QAGE,cAAY6C;MAHd,GAKGkB,UALH,CAJF,CATF,CADF;IAwBD;;IAED,IAAIrB,MAAJ,EAAY;MACVmB,cAAc,gBACZ;QACE,aAAU,YADZ;QAEE,SAAS,EAAEhE,UAAU,GAAGuF,cAAA,CAAMyD,eAAT,GAA2BzD,cAAA,CAAM0D;MAFxD,gBAIE,6BAAC,mBAAD;QACE,MAAM,EAAEpG,MADV;QAEE,QAAQ,EAAE,KAAKpC,kBAFjB;QAGE,OAAO,EAAE,KAAKC,iBAHhB;QAIE,aAAa,EAAE,KAAKC,aAJtB;QAKE,YAAY,EAAE,KAAKC,YALrB;QAME,2BAAyBkC;MAN3B,EAJF,CADF;IAeD;;IAED,oBACE;MAAQ,SAAS,EAAEyC,cAAA,CAAM2D;IAAzB,gBACE;MACE,aAAU,YADZ;MAEE,aAAWlJ,UAFb;MAGE,SAAS,EAAEA,UAAU,GAAGuF,cAAA,CAAM4D,IAAT,GAAgB5D,cAAA,CAAM6D;IAH7C,gBAKE;MAAK,SAAS,EAAE7D,cAAA,CAAM8D;IAAtB,gBACE;MAAK,SAAS,EAAE9D,cAAA,CAAM+D,SAAtB;MAAiC,aAAU;IAA3C,gBACE,6BAAC,0CAAD;MACE,IAAI,EAAC,QADP;MAEE,aAAU,iBAFZ;MAGE,KAAK,EAAElF,WAHT;MAIE,SAAS,EAAEpE,UAAU,GAAGuF,cAAA,CAAMgE,YAAT,GAAwBhE,cAAA,CAAMiE,MAJrD;MAKE,OAAO,EAAE,KAAK3I,gBALhB;MAME,cAAY0C;IANd,EADF,eASE,6BAAC,yCAAD;MACE,aAAU,kBADZ;MAEE,KAAK,EAAEa,WAFT;MAGE,SAAS,EAAEpE,UAAU,GAAGuF,cAAA,CAAMkE,KAAT,GAAiBlE,cAAA,CAAMmE,WAH9C;MAIE,OAAO,EAAE,KAAK5I,iBAJhB;MAKE,cAAYwC;IALd,EATF,eAgBE,6BAAC,aAAD;MAAM,aAAU,aAAhB;MAA8B,IAAI,EAAEf,IAAI,CAAC+C;IAAzC,gBACE,6BAAC,gBAAD;MAAS,GAAG,EAAE5B,aAAd;MAA6B,GAAG,EAAEL;IAAlC,EADF,CAhBF,CADF,eAqBE,6BAAC,aAAD;MACE,SAAS,EAAEkC,cAAA,CAAMhD,IADnB;MAEE,aAAU,MAFZ;MAGE,IAAI,EAAEA,IAAI,CAAC+C,IAHb;MAIE,SAAS,EAAE,KAAKrE,cAJlB;MAKE,QAAQ,EAAE;IALZ,gBAOE,6BAAC,gBAAD;MACE,GAAG,EAAEwC,OADP;MAEE,GAAG,EAAEJ,aAFP;MAGE,WAAW,EAAE,KAAKtC,iBAHpB;MAIE,YAAY,EAAE,KAAKC;IAJrB,EAPF,EAaGd,aAAa,gBACZ;MAAK,SAAS,EAAEqF,cAAA,CAAMoE,oBAAtB;MAA4C,IAAI,EAAC,SAAjD;MAA2D,QAAQ,EAAE;IAArE,gBACE,6BAAC,qCAAD;MAAU,SAAS,EAAEpE,cAAA,CAAMqE,QAA3B;MAAqC,KAAK,EAAE;QAAC5E,KAAK,EAAEb;MAAR;IAA5C,EADF,eAEE;MACE,SAAS,EAAEoB,cAAA,CAAM/B,WADnB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACqG,MAAM,EAAErG;MAAT,CAH3B;MAIE,KAAK,EAAE;QAACwB,KAAK,EAAEb;MAAR;IAJT,EAFF,CADY,GAUV,IAvBN,CArBF,CALF,EAoDGH,cApDH,eAqDE;MACE,SAAS,EAAEhE,UAAU,GAAGuF,cAAA,CAAMuE,WAAT,GAAuBvE,cAAA,CAAMwE,iBADpD;MAEE,aAAU;IAFZ,GAIGpG,SAJH,EAKGE,QAAQ,IAAID,SALf,EAMGE,YANH,CArDF,CADF,CADF;EAkED;;AApoBsC;;AAAnCrE,U,CA+FGuK,Y,GAAe;EACpB9G,SAAS,EAAE+G,iBAAA,CAASC,iBAAT,CAA2BhH,SADlB;EAEpBC,IAAI,EAAE8G,iBAAA,CAASC,iBAAT,CAA2B/G;AAFb,C;AA/FlB1D,U,CACG0K,S,2CAAY;EACjB5H,IAAI,EAAE6H,kBAAA,CAAUC,KAAV,CAAgB;IACpBC,GAAG,EAAEF,kBAAA,CAAUG,MADK;IAEpBC,SAAS,EAAEJ,kBAAA,CAAUG,MAFD;IAGpBjF,IAAI,EAAE8E,kBAAA,CAAUG,MAHI;IAIpB,cAAcH,kBAAA,CAAUG,MAJJ;IAKpB,qBAAqBH,kBAAA,CAAUG,MALX;IAMpB/G,WAAW,EAAE4G,kBAAA,CAAUG;EANH,CAAhB,CADW;EASjB1H,MAAM,EAAEuH,kBAAA,CAAUC,KAAV,CAAgBI,oBAAA,CAAON,SAAvB,CATS;EAUjB,2BAA2BC,kBAAA,CAAUG,MAVpB;EAWjBvI,cAAc,EAAEoI,kBAAA,CAAUM,IAXT;EAYjBzI,aAAa,EAAEmI,kBAAA,CAAUM,IAZR;EAajBlI,KAAK,EAAE4H,kBAAA,CAAUC,KAAV,CAAgB;IACrB3F,SAAS,EAAE0F,kBAAA,CAAUO,OAAV,CACTP,kBAAA,CAAUC,KAAV,CAAgB;MACdvI,MAAM,EAAEsI,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CADM;MAEdzF,KAAK,EAAEiF,kBAAA,CAAUG,MAFH;MAGd9E,IAAI,EAAE2E,kBAAA,CAAUG,MAHF;MAIdjF,IAAI,EAAE8E,kBAAA,CAAUG,MAJF;MAKdxF,QAAQ,EAAEqF,kBAAA,CAAUS,IALN;MAMdxF,OAAO,EAAE+E,kBAAA,CAAUU,MANL;MAOd,yBAAyBV,kBAAA,CAAUG;IAPrB,CAAhB,CADS,CADU;IAYrBzE,IAAI,EAAEsE,kBAAA,CAAUO,OAAV,CACJP,kBAAA,CAAUC,KAAV,CAAgB;MACdvI,MAAM,EAAEsI,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CADM;MAEdzF,KAAK,EAAEiF,kBAAA,CAAUG,MAFH;MAGd9E,IAAI,EAAE2E,kBAAA,CAAUG,MAHF;MAIdjF,IAAI,EAAE8E,kBAAA,CAAUG,MAJF;MAKdxF,QAAQ,EAAEqF,kBAAA,CAAUS,IALN;MAMdxF,OAAO,EAAE+E,kBAAA,CAAUU;IANL,CAAhB,CADI;EAZe,CAAhB,CAbU;EAoCjBlI,KAAK,EAAEwH,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUC,KAAV,CAAgBU,YAAA,CAAIZ,SAApB,CAAlB,CApCU;EAqCjBxH,IAAI,EAAEyH,kBAAA,CAAUC,KAAV,CAAgB;IACpB3C,OAAO,EAAE0C,kBAAA,CAAUG,MADC;IAEpB,sBAAsBH,kBAAA,CAAUG,MAFZ;IAGpB5C,gBAAgB,EAAEyC,kBAAA,CAAUG,MAHR;IAIpBjF,IAAI,EAAE8E,kBAAA,CAAUG,MAJI;IAKpB5D,aAAa,EAAEyD,kBAAA,CAAUC,KAAV,CAAgB;MAC7B/E,IAAI,EAAE8E,kBAAA,CAAUG,MADa;MAE7BvE,KAAK,EAAEoE,kBAAA,CAAUU,MAFY;MAG7B,cAAcV,kBAAA,CAAUG;IAHK,CAAhB,CALK;IAUpBvD,KAAK,EAAEoD,kBAAA,CAAUC,KAAV,CAAgB;MACrBnD,KAAK,EAAEkD,kBAAA,CAAUC,KAAV,CAAgB;QACrB/E,IAAI,EAAE8E,kBAAA,CAAUG,MADK;QAErBnD,KAAK,EAAEgD,kBAAA,CAAUG,MAFI;QAGrB,cAAcH,kBAAA,CAAUG;MAHH,CAAhB,CADc;MAMrBlD,OAAO,EAAE+C,kBAAA,CAAUC,KAAV,CAAgB;QACvB/E,IAAI,EAAE8E,kBAAA,CAAUG,MADO;QAEvBnD,KAAK,EAAEgD,kBAAA,CAAUG,MAFM;QAGvB,cAAcH,kBAAA,CAAUG;MAHD,CAAhB,CANY;MAWrBjD,KAAK,EAAE8C,kBAAA,CAAUC,KAAV,CAAgB;QACrB/E,IAAI,EAAE8E,kBAAA,CAAUG,MADK;QAErBnD,KAAK,EAAEgD,kBAAA,CAAUG,MAFI;QAGrB,cAAcH,kBAAA,CAAUG;MAHH,CAAhB;IAXc,CAAhB;EAVa,CAAhB,CArCW;EAiEjB,uBAAuBH,kBAAA,CAAUG,MAjEhB;EAkEjB,6BAA6BH,kBAAA,CAAUG,MAlEtB;EAmEjB,0BAA0BH,kBAAA,CAAUG,MAnEnB;EAoEjB7H,QAAQ,EAAE0H,kBAAA,CAAUO,OAAV,CACRP,kBAAA,CAAUC,KAAV,CAAgB;IACdlF,KAAK,EAAEiF,kBAAA,CAAUG,MADH;IAEd9E,IAAI,EAAE2E,kBAAA,CAAUG,MAFF;IAGdvC,IAAI,EAAEoC,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,EAAqB,MAArB,CAAhB,CAHQ;IAId5F,KAAK,EAAEoF,kBAAA,CAAUG,MAJH;IAKd,cAAcH,kBAAA,CAAUG,MALV;IAMdxC,OAAO,EAAEqC,kBAAA,CAAUC,KAAV,CAAgB;MACvB/E,IAAI,EAAE8E,kBAAA,CAAUG,MADO;MAEvB/B,QAAQ,EAAE4B,kBAAA,CAAUM,IAFG;MAGvB1E,KAAK,EAAEoE,kBAAA,CAAUS,IAHM;MAIvB/I,MAAM,EAAEsI,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB,CAJe;MAKvBtC,MAAM,EAAE8B,kBAAA,CAAUO,OAAV,CACNP,kBAAA,CAAUC,KAAV,CAAgB;QACdrE,KAAK,EAAEoE,kBAAA,CAAUG,MADH;QAEd9E,IAAI,EAAE2E,kBAAA,CAAUG,MAFF;QAGdxF,QAAQ,EAAEqF,kBAAA,CAAUS;MAHN,CAAhB,CADM;IALe,CAAhB;EANK,CAAhB,CADQ,CApEO;EA0FjB3I,UAAU,EAAEkI,kBAAA,CAAUM,IA1FL;EA2FjBvI,WAAW,EAAEiI,kBAAA,CAAUM;AA3FN,C;eAsoBNjL,U"}

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

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

package/lib/organism/user-preferences/index.d.ts

@@ -11,7 +11,6 @@ declare namespace UserPreferences {
             value: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            'aria-labelledby': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
@@ -20,6 +19,7 @@ declare namespace UserPreferences {
             requiredSelection: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         const moreInfoAriaLabel: PropTypes.Requireable<string>;
+        const groupAriaLabel: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/lib/organism/user-preferences/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AAoCA,0DAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/user-preferences/index.js"],"names":[],"mappings":";AAoCA,0DAeC"}

package/lib/organism/user-preferences/index.js

@@ -59,19 +59,23 @@ Settings.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _input
 const UserPreferences = props => {
   const {
     preferences = [],
-    moreInfoAriaLabel
+    moreInfoAriaLabel,
+    groupAriaLabel
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.preferences
+  return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.preferences,
+    role: "group",
+    "aria-label": groupAriaLabel
   }, (0, _map2.default)(settings => /*#__PURE__*/_react.default.createElement(Settings, _extends({}, settings, {
     key: settings.label,
     moreInfoAriaLabel: moreInfoAriaLabel
-  })), preferences));
+  })), preferences)));
 };
 
 UserPreferences.propTypes = process.env.NODE_ENV !== "production" ? {
   preferences: _propTypes.default.arrayOf(_propTypes.default.shape(Settings.propTypes)),
-  moreInfoAriaLabel: _propTypes.default.string
+  moreInfoAriaLabel: _propTypes.default.string,
+  groupAriaLabel: _propTypes.default.string
 } : {};
 var _default = UserPreferences;
 exports.default = _default;

package/lib/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Settings","props","label","description","moreInfoAriaLabel","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel} = props;\n\n  return (\n    <div className={style.preferences}>\n      {map(\n        settings => (\n          <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n        ),\n        preferences\n      )}\n    </div>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,uBAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qDAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAED,cAAA,CAAME,QAHnB;IAIE,cAAYJ;EAJd,EADF,eAOE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAyCP,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEET,KAAK,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEZ,WAAW,EAAEU,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAW,GAAG,EAAf;IAAmBb;EAAnB,IAAwCH,KAA9C;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMW;EAAtB,GACG,mBACCZ,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICa,WAJD,CADH,CADF;AAUD,CAbD;;AAeAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgBnB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BP,iBAAiB,EAAES,kBAAA,CAAUC;AAFH,CAA5B;eAKeE,e"}
+{"version":3,"file":"index.js","names":["Settings","props","label","description","moreInfoAriaLabel","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,uBAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qDAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAED,cAAA,CAAME,QAHnB;IAIE,cAAYJ;EAJd,EADF,eAOE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAyCP,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEET,KAAK,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEZ,WAAW,EAAEU,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAW,GAAG,EAAf;IAAmBb,iBAAnB;IAAsCc;EAAtC,IAAwDjB,KAA9D;EAEA,oBACE,wDACE;IAAK,SAAS,EAAEK,cAAA,CAAMW,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC;EAA5D,GACG,mBACCb,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICa,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUO,KAAV,CAAgBpB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BP,iBAAiB,EAAES,kBAAA,CAAUC,MAFH;EAG1BI,cAAc,EAAEL,kBAAA,CAAUC;AAHA,CAA5B;eAMeE,e"}

package/lib/organism/wizard-contents/index.d.ts

@@ -102,7 +102,6 @@ declare namespace WizardContents {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
-                    'aria-labelledby': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -144,10 +143,18 @@ declare namespace WizardContents {
                         selected: PropTypes.Requireable<boolean>;
                         validOption: PropTypes.Requireable<boolean>;
                     }> | null | undefined)[]>;
+                    optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Validator<string>;
+                        options: PropTypes.Requireable<(PropTypes.InferProps<{
+                            name: PropTypes.Validator<string>;
+                            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                            selected: PropTypes.Requireable<boolean>;
+                            validOption: PropTypes.Requireable<boolean>;
+                        }> | null | undefined)[]>;
+                    }> | null | undefined)[]>;
                     modified: PropTypes.Requireable<boolean>;
                     error: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
-                    'aria-labelledby': PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;
@@ -225,7 +232,6 @@ declare namespace WizardContents {
                             disabled: PropTypes.Requireable<boolean>;
                             onChange: PropTypes.Requireable<(...args: any[]) => any>;
                             description: PropTypes.Requireable<string>;
-                            'aria-labelledby': PropTypes.Requireable<string>;
                             modified: PropTypes.Requireable<boolean>;
                             titlePosition: PropTypes.Requireable<string>;
                             theme: PropTypes.Requireable<string>;
@@ -250,10 +256,18 @@ declare namespace WizardContents {
                                 selected: PropTypes.Requireable<boolean>;
                                 validOption: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
+                            optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+                                label: PropTypes.Validator<string>;
+                                options: PropTypes.Requireable<(PropTypes.InferProps<{
+                                    name: PropTypes.Validator<string>;
+                                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                                    selected: PropTypes.Requireable<boolean>;
+                                    validOption: PropTypes.Requireable<boolean>;
+                                }> | null | undefined)[]>;
+                            }> | null | undefined)[]>;
                             modified: PropTypes.Requireable<boolean>;
                             error: PropTypes.Requireable<boolean>;
                             'aria-label': PropTypes.Requireable<string>;
-                            'aria-labelledby': PropTypes.Requireable<string>;
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
                             title: PropTypes.Validator<string>;
@@ -356,7 +370,6 @@ declare namespace WizardContents {
                             disabled: PropTypes.Requireable<boolean>;
                             onChange: PropTypes.Requireable<(...args: any[]) => any>;
                             description: PropTypes.Requireable<string>;
-                            'aria-labelledby': PropTypes.Requireable<string>;
                             modified: PropTypes.Requireable<boolean>;
                             titlePosition: PropTypes.Requireable<string>;
                             theme: PropTypes.Requireable<string>;

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

@@ -24,15 +24,15 @@ declare namespace Progression {
             }>;
         }>>;
     }
-    const propTypes: {
-        mainTitle: PropTypes.Validator<string>;
-        mainSubtitle: PropTypes.Validator<string>;
-        adaptiveAriaLabel: PropTypes.Requireable<string>;
-        total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+    namespace propTypes {
+        const mainTitle: PropTypes.Validator<string>;
+        const mainSubtitle: PropTypes.Validator<string>;
+        const adaptiveAriaLabel: PropTypes.Requireable<string>;
+        const total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
         }>>>;
-        engines: PropTypes.Requireable<(PropTypes.InferProps<{
+        const engines: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
             title: PropTypes.Validator<string>;
@@ -46,8 +46,8 @@ declare namespace Progression {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
         }> | null | undefined)[]>;
-        loading: PropTypes.Validator<boolean>;
-        progressions: PropTypes.Requireable<(PropTypes.InferProps<{
+        const loading: PropTypes.Validator<boolean>;
+        const progressions: PropTypes.Requireable<(PropTypes.InferProps<{
             ref: PropTypes.Validator<string>;
             completion: PropTypes.Validator<number>;
             stars: PropTypes.Validator<number>;
@@ -62,7 +62,7 @@ declare namespace Progression {
             adaptive: PropTypes.Validator<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }> | null | undefined)[]>;
-        themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
+        const themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
             options: PropTypes.Validator<(PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
                 value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
@@ -71,15 +71,14 @@ declare namespace Progression {
             }> | null | undefined)[]>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        recommendation: PropTypes.Requireable<PropTypes.InferProps<{
+        const recommendation: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Validator<string>;
             title: PropTypes.Validator<string>;
             subtitle: PropTypes.Validator<string>;
             courseTitle: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        'aria-label': PropTypes.Requireable<string>;
-    };
+    }
 }
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAeA,0EAyGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAeA,0EAuGC"}

package/lib/template/activity/index.js

@@ -49,8 +49,7 @@ const Progression = (props, legacyContext) => {
     total,
     engines = [],
     themeFilter = {},
-    loading,
-    'aria-label': ariaLabel
+    loading
   } = props;
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const {
@@ -86,8 +85,7 @@ const Progression = (props, legacyContext) => {
     className: _style.default.select,
     theme: "thematiques",
     options: themeFilter.options,
-    onChange: handleSelectTheme,
-    "aria-label": ariaLabel
+    onChange: handleSelectTheme
   }) : null;
   const recommendationSection = !(0, _isEmpty.default)(recommendation) ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.recommendationWrapper
@@ -155,8 +153,7 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
     subtitle: _propTypes.default.string.isRequired,
     courseTitle: _propTypes.default.string.isRequired,
     onClick: _propTypes.default.func
-  }),
-  'aria-label': _propTypes.default.string
+  })
 } : {};
 var _default = Progression;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","GetSkinFromContext","onChange","themeFilterOnChange","handleClick","useCallback","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","get","loader","style","allProgressions","map","progression","omit","ref","coreProgression","core","themeSelect","isEmpty","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading,\n    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick} = recommendation;\n      onClick && onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = progressions.map(progression => (\n    <ProgressionItem\n      {...omit(['ref'], progression)}\n      key={progression.ref}\n      adaptiveAriaLabel={adaptiveAriaLabel}\n    />\n  ));\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n      aria-label={ariaLabel}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\">\n        <div className={style.mainTitle}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression}>\n          <div className={style.wrapperCta}>\n            {themeSelect}\n            {recommendationSection}\n          </div>\n          <StarsSummary engines={engines} total={total} />\n        </div>\n      </div>\n      <div className={style.wrapperProgression} data-name=\"activityList\">\n        {coreProgression}\n        {loader}\n      </div>\n    </div>\n  );\n};\n\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nProgression.propTypes = {\n  mainTitle: PropTypes.string.isRequired,\n  mainSubtitle: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  loading: PropTypes.bool.isRequired,\n  progressions: PropTypes.arrayOf(\n    PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n  ),\n  themeFilter: PropTypes.shape({\n    options: Select.propTypes.options.isRequired,\n    onChange: Select.propTypes.onChange\n  }),\n  recommendation: PropTypes.shape({\n    cta: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n    courseTitle: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","skin","GetSkinFromContext","onChange","themeFilterOnChange","handleClick","useCallback","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","get","loader","style","allProgressions","map","progression","omit","ref","coreProgression","core","themeSelect","isEmpty","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick} = recommendation;\n      onClick && onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = progressions.map(progression => (\n    <ProgressionItem\n      {...omit(['ref'], progression)}\n      key={progression.ref}\n      adaptiveAriaLabel={adaptiveAriaLabel}\n    />\n  ));\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\">\n        <div className={style.mainTitle}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression}>\n          <div className={style.wrapperCta}>\n            {themeSelect}\n            {recommendationSection}\n          </div>\n          <StarsSummary engines={engines} total={total} />\n        </div>\n      </div>\n      <div className={style.wrapperProgression} data-name=\"activityList\">\n        {coreProgression}\n        {loader}\n      </div>\n    </div>\n  );\n};\n\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nProgression.propTypes = {\n  mainTitle: PropTypes.string.isRequired,\n  mainSubtitle: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  loading: PropTypes.bool.isRequired,\n  progressions: PropTypes.arrayOf(\n    PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n  ),\n  themeFilter: PropTypes.shape({\n    options: Select.propTypes.options.isRequired,\n    onChange: Select.propTypes.onChange\n  }),\n  recommendation: PropTypes.shape({\n    cta: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n    courseTitle: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  })\n};\n\nexport default Progression;\n"],"mappings":"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"}

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

@@ -46,7 +46,6 @@ declare namespace PlayerLoading {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -95,7 +95,6 @@ declare namespace SlidePlayer {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
-                    'aria-labelledby': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -147,7 +146,6 @@ declare namespace SlidePlayer {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -103,7 +103,6 @@ declare namespace SlidesPlayer {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

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

@@ -129,7 +129,6 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

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

@@ -170,7 +170,6 @@ declare namespace PopinEnd {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;