@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

package/lib/organism/mooc-footer/index.js

@@ -2,27 +2,16 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _socialLink = _interopRequireDefault(require("../../atom/social-link"));
-
 var _picture = _interopRequireDefault(require("../../atom/picture"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const socialLinksTypes = process.env.NODE_ENV !== "production" ? ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'] : {};
-
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -43,7 +32,6 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
-
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: _propTypes.default.func,
   appStoreButtonImageUrl: _propTypes.default.string,
@@ -52,7 +40,6 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': _propTypes.default.string,
   'ios-alt': _propTypes.default.string
 } : {};
-
 function MoocFooter(props) {
   const {
     headSection = {},
@@ -60,7 +47,9 @@ function MoocFooter(props) {
     'logo-aria-label': logoAriaLabel,
     'social-links-aria-label': socialLinksAriaLabel,
     siteMapSections = []
-  } = props; // Header section of the footer (the marketing banner)
+  } = props;
+
+  // Header section of the footer (the marketing banner)
 
   const headSectionView = !(0, _isEmpty2.default)(headSection) ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "headSpacingContainer",
@@ -81,17 +70,21 @@ function MoocFooter(props) {
   }, headSection.title)), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "mobile-apps-buttons-wrapper",
     className: _style.default.mobileAppLinks
-  }, /*#__PURE__*/_react.default.createElement(StoresLinks // ignored due to naming conventions in JSX rather than a linting error
+  }, /*#__PURE__*/_react.default.createElement(StoresLinks
+  // ignored due to naming conventions in JSX rather than a linting error
   // eslint-disable-next-line react/jsx-handler-names
   , {
     onAppStoreButtonClick: headSection.onAppStoreButtonClick,
     appStoreButtonImageUrl: headSection.appStoreButtonImageUrl,
-    playStoreButtonImageUrl: headSection.playStoreButtonImageUrl // eslint-disable-next-line react/jsx-handler-names
+    playStoreButtonImageUrl: headSection.playStoreButtonImageUrl
+    // eslint-disable-next-line react/jsx-handler-names
     ,
     onPlayStoreButtonClick: headSection.onPlayStoreButtonClick,
     "android-alt": headSection['android-alt'],
     "ios-alt": headSection['ios-alt']
-  })))) : null; // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)
+  })))) : null;
+
+  // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)
 
   const renderPagesFromSection = pages => {
     return /*#__PURE__*/_react.default.createElement("ul", {
@@ -113,7 +106,6 @@ function MoocFooter(props) {
       }, page.title));
     }));
   };
-
   const sections = !(0, _isEmpty2.default)(siteMapSections) ? siteMapSections.map((section, index) => {
     return /*#__PURE__*/_react.default.createElement("nav", {
       key: index,
@@ -133,7 +125,6 @@ function MoocFooter(props) {
       "aria-label": socialLink['aria-label']
     }));
   });
-
   const socialNetworks = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "logo-social-networks-container",
     className: _style.default.logoSocialNetworksContainer
@@ -146,7 +137,6 @@ function MoocFooter(props) {
     className: _style.default.socialNetworksWrapper,
     "aria-label": socialLinksAriaLabel
   }, socialLinksView));
-
   const siteMap = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "site-map-spacing-container",
     className: _style.default.siteMapSpacingContainer
@@ -157,12 +147,10 @@ function MoocFooter(props) {
     "data-name": "sections",
     className: _style.default.sectionsContainer
   }, sections), socialNetworks));
-
   return /*#__PURE__*/_react.default.createElement("footer", {
     "data-name": "mooc-footer"
   }, headSectionView, siteMap);
 }
-
 MoocFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   headSection: _propTypes.default.shape({
     title: _propTypes.default.string,
@@ -192,6 +180,5 @@ MoocFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   'logo-aria-label': _propTypes.default.string,
   'social-links-aria-label': _propTypes.default.string
 } : {};
-var _default = MoocFooter;
-exports.default = _default;
+var _default = exports.default = MoocFooter;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["socialLinksTypes","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","style","storeLinksContainer","imgApple","img","propTypes","PropTypes","func","string","MoocFooter","props","headSection","socialLinks","logoAriaLabel","socialLinksAriaLabel","siteMapSections","headSectionView","headSpacingContainer","headSectionWrapper","logoAndLabelWrapper","logoWrapper","coorpAppLogo","marketingLabel","title","mobileAppLinks","renderPagesFromSection","pages","pagesList","map","page","pindex","handleClick","onClick","link","pageLink","target","ariaLabel","sections","section","index","sectionWrapper","sectionTitle","socialLinksView","socialLink","type","socialNetworks","logoSocialNetworksContainer","coorpLogo","socialNetworksWrapper","siteMap","siteMapSpacingContainer","siteMapContainer","sectionsContainer","shape","arrayOf","oneOf"],"sources":["../../../src/organism/mooc-footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo,\n  NovaCompositionCoorpacademyCoorpLogo as CoorpLogo\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport SocialLink from '../../atom/social-link';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst socialLinksTypes = ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'];\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.imgApple}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nfunction MoocFooter(props) {\n  const {\n    headSection = {},\n    socialLinks = [],\n    'logo-aria-label': logoAriaLabel,\n    'social-links-aria-label': socialLinksAriaLabel,\n    siteMapSections = []\n  } = props;\n\n  // Header section of the footer (the marketing banner)\n\n  const headSectionView = !isEmpty(headSection) ? (\n    <div data-name=\"headSpacingContainer\" className={style.headSpacingContainer}>\n      <div data-name=\"headSection\" className={style.headSectionWrapper}>\n        <div className={style.logoAndLabelWrapper}>\n          <div className={style.logoWrapper}>\n            <CoorpAppLogo\n              className={style.coorpAppLogo}\n              aria-label={headSection['logo-aria-label']}\n            />\n          </div>\n          <div data-name=\"mobile-marketing-text\" className={style.marketingLabel}>\n            {headSection.title}\n          </div>\n        </div>\n        <div data-name=\"mobile-apps-buttons-wrapper\" className={style.mobileAppLinks}>\n          <StoresLinks\n            // ignored due to naming conventions in JSX rather than a linting error\n            // eslint-disable-next-line react/jsx-handler-names\n            onAppStoreButtonClick={headSection.onAppStoreButtonClick}\n            appStoreButtonImageUrl={headSection.appStoreButtonImageUrl}\n            playStoreButtonImageUrl={headSection.playStoreButtonImageUrl}\n            // eslint-disable-next-line react/jsx-handler-names\n            onPlayStoreButtonClick={headSection.onPlayStoreButtonClick}\n            android-alt={headSection['android-alt']}\n            ios-alt={headSection['ios-alt']}\n          />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)\n\n  const renderPagesFromSection = pages => {\n    return (\n      <ul className={style.pagesList} data-name=\"pages-list\">\n        {pages.map((page, pindex) => {\n          const handleClick = page.onClick;\n          return (\n            <li key={pindex}>\n              <Link\n                href={page.link}\n                onClick={handleClick}\n                title={page.title}\n                data-text={page.title}\n                className={style.pageLink}\n                target={page.target}\n                aria-label={page.ariaLabel ? page.ariaLabel : page.title}\n                data-name={page.title}\n              >\n                {page.title}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  const sections = !isEmpty(siteMapSections)\n    ? siteMapSections.map((section, index) => {\n        return (\n          <nav key={index} className={style.sectionWrapper}>\n            <p className={style.sectionTitle}>{section.title}</p>\n            {renderPagesFromSection(section.pages)}\n          </nav>\n        );\n      })\n    : null;\n\n  const socialLinksView = socialLinks.map((socialLink, index) => {\n    return (\n      <li className={style.socialLink} key={index}>\n        <SocialLink\n          type={socialLink.type}\n          link={socialLink.link}\n          mode=\"footer\"\n          aria-label={socialLink['aria-label']}\n        />\n      </li>\n    );\n  });\n\n  const socialNetworks = (\n    <div data-name=\"logo-social-networks-container\" className={style.logoSocialNetworksContainer}>\n      <CoorpLogo\n        className={style.coorpLogo}\n        data-name=\"coorp-social-networks-logo\"\n        aria-label={logoAriaLabel}\n      />\n      <ul\n        data-name=\"social-networks-wrapper\"\n        className={style.socialNetworksWrapper}\n        aria-label={socialLinksAriaLabel}\n      >\n        {socialLinksView}\n      </ul>\n    </div>\n  );\n\n  const siteMap = (\n    <div data-name=\"site-map-spacing-container\" className={style.siteMapSpacingContainer}>\n      <div data-name=\"site-map\" className={style.siteMapContainer}>\n        <div data-name=\"sections\" className={style.sectionsContainer}>\n          {sections}\n        </div>\n        {socialNetworks}\n      </div>\n    </div>\n  );\n\n  return (\n    <footer data-name=\"mooc-footer\">\n      {headSectionView}\n      {siteMap}\n    </footer>\n  );\n}\n\nMoocFooter.propTypes = {\n  headSection: PropTypes.shape({\n    title: PropTypes.string,\n    onAppStoreButtonClick: PropTypes.func,\n    appStoreButtonImageUrl: PropTypes.string,\n    playStoreButtonImageUrl: PropTypes.string,\n    onPlayStoreButtonClick: PropTypes.func,\n    'logo-aria-label': PropTypes.string,\n    'android-alt': PropTypes.string,\n    'ios-alt': PropTypes.string\n  }),\n  siteMapSections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      pages: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string,\n          link: PropTypes.string,\n          target: PropTypes.string,\n          ariaLabel: PropTypes.string\n        })\n      )\n    })\n  ),\n  socialLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(socialLinksTypes),\n      link: PropTypes.string,\n      onClick: PropTypes.func,\n      'aria-label': PropTypes.string\n    })\n  ),\n  'logo-aria-label': PropTypes.string,\n  'social-links-aria-label': PropTypes.string\n};\n\nexport default MoocFooter;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_link","_socialLink","_picture","_style","e","__esModule","default","socialLinksTypes","process","env","NODE_ENV","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","createElement","className","style","storeLinksContainer","imgApple","src","onClick","alt","img","propTypes","PropTypes","func","string","MoocFooter","props","headSection","socialLinks","logoAriaLabel","socialLinksAriaLabel","siteMapSections","headSectionView","_isEmpty2","headSpacingContainer","headSectionWrapper","logoAndLabelWrapper","logoWrapper","NovaCompositionCoorpacademyCoorpApp","coorpAppLogo","marketingLabel","title","mobileAppLinks","renderPagesFromSection","pages","pagesList","map","page","pindex","handleClick","key","href","link","pageLink","target","ariaLabel","sections","section","index","sectionWrapper","sectionTitle","socialLinksView","socialLink","type","mode","socialNetworks","logoSocialNetworksContainer","NovaCompositionCoorpacademyCoorpLogo","coorpLogo","socialNetworksWrapper","siteMap","siteMapSpacingContainer","siteMapContainer","sectionsContainer","shape","arrayOf","oneOf","_default","exports"],"sources":["../../../src/organism/mooc-footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo,\n  NovaCompositionCoorpacademyCoorpLogo as CoorpLogo\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport SocialLink from '../../atom/social-link';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst socialLinksTypes = ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'];\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.imgApple}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nfunction MoocFooter(props) {\n  const {\n    headSection = {},\n    socialLinks = [],\n    'logo-aria-label': logoAriaLabel,\n    'social-links-aria-label': socialLinksAriaLabel,\n    siteMapSections = []\n  } = props;\n\n  // Header section of the footer (the marketing banner)\n\n  const headSectionView = !isEmpty(headSection) ? (\n    <div data-name=\"headSpacingContainer\" className={style.headSpacingContainer}>\n      <div data-name=\"headSection\" className={style.headSectionWrapper}>\n        <div className={style.logoAndLabelWrapper}>\n          <div className={style.logoWrapper}>\n            <CoorpAppLogo\n              className={style.coorpAppLogo}\n              aria-label={headSection['logo-aria-label']}\n            />\n          </div>\n          <div data-name=\"mobile-marketing-text\" className={style.marketingLabel}>\n            {headSection.title}\n          </div>\n        </div>\n        <div data-name=\"mobile-apps-buttons-wrapper\" className={style.mobileAppLinks}>\n          <StoresLinks\n            // ignored due to naming conventions in JSX rather than a linting error\n            // eslint-disable-next-line react/jsx-handler-names\n            onAppStoreButtonClick={headSection.onAppStoreButtonClick}\n            appStoreButtonImageUrl={headSection.appStoreButtonImageUrl}\n            playStoreButtonImageUrl={headSection.playStoreButtonImageUrl}\n            // eslint-disable-next-line react/jsx-handler-names\n            onPlayStoreButtonClick={headSection.onPlayStoreButtonClick}\n            android-alt={headSection['android-alt']}\n            ios-alt={headSection['ios-alt']}\n          />\n        </div>\n      </div>\n    </div>\n  ) : null;\n\n  // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)\n\n  const renderPagesFromSection = pages => {\n    return (\n      <ul className={style.pagesList} data-name=\"pages-list\">\n        {pages.map((page, pindex) => {\n          const handleClick = page.onClick;\n          return (\n            <li key={pindex}>\n              <Link\n                href={page.link}\n                onClick={handleClick}\n                title={page.title}\n                data-text={page.title}\n                className={style.pageLink}\n                target={page.target}\n                aria-label={page.ariaLabel ? page.ariaLabel : page.title}\n                data-name={page.title}\n              >\n                {page.title}\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  const sections = !isEmpty(siteMapSections)\n    ? siteMapSections.map((section, index) => {\n        return (\n          <nav key={index} className={style.sectionWrapper}>\n            <p className={style.sectionTitle}>{section.title}</p>\n            {renderPagesFromSection(section.pages)}\n          </nav>\n        );\n      })\n    : null;\n\n  const socialLinksView = socialLinks.map((socialLink, index) => {\n    return (\n      <li className={style.socialLink} key={index}>\n        <SocialLink\n          type={socialLink.type}\n          link={socialLink.link}\n          mode=\"footer\"\n          aria-label={socialLink['aria-label']}\n        />\n      </li>\n    );\n  });\n\n  const socialNetworks = (\n    <div data-name=\"logo-social-networks-container\" className={style.logoSocialNetworksContainer}>\n      <CoorpLogo\n        className={style.coorpLogo}\n        data-name=\"coorp-social-networks-logo\"\n        aria-label={logoAriaLabel}\n      />\n      <ul\n        data-name=\"social-networks-wrapper\"\n        className={style.socialNetworksWrapper}\n        aria-label={socialLinksAriaLabel}\n      >\n        {socialLinksView}\n      </ul>\n    </div>\n  );\n\n  const siteMap = (\n    <div data-name=\"site-map-spacing-container\" className={style.siteMapSpacingContainer}>\n      <div data-name=\"site-map\" className={style.siteMapContainer}>\n        <div data-name=\"sections\" className={style.sectionsContainer}>\n          {sections}\n        </div>\n        {socialNetworks}\n      </div>\n    </div>\n  );\n\n  return (\n    <footer data-name=\"mooc-footer\">\n      {headSectionView}\n      {siteMap}\n    </footer>\n  );\n}\n\nMoocFooter.propTypes = {\n  headSection: PropTypes.shape({\n    title: PropTypes.string,\n    onAppStoreButtonClick: PropTypes.func,\n    appStoreButtonImageUrl: PropTypes.string,\n    playStoreButtonImageUrl: PropTypes.string,\n    onPlayStoreButtonClick: PropTypes.func,\n    'logo-aria-label': PropTypes.string,\n    'android-alt': PropTypes.string,\n    'ios-alt': PropTypes.string\n  }),\n  siteMapSections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      pages: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string,\n          link: PropTypes.string,\n          target: PropTypes.string,\n          ariaLabel: PropTypes.string\n        })\n      )\n    })\n  ),\n  socialLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(socialLinksTypes),\n      link: PropTypes.string,\n      onClick: PropTypes.func,\n      'aria-label': PropTypes.string\n    })\n  ),\n  'logo-aria-label': PropTypes.string,\n  'social-links-aria-label': PropTypes.string\n};\n\nexport default MoocFooter;\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,61 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _cta = _interopRequireDefault(require("../../atom/cta"));
-
 var _select = _interopRequireDefault(require("../../atom/select"));
-
 var _picture = _interopRequireDefault(require("../../atom/picture"));
-
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
-
 var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
-
 var _colors = require("../../variables/colors");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 class MoocHeader extends _react.default.Component {
+  static contextTypes = {
+    translate: _provider.default.childContextTypes.translate,
+    skin: _provider.default.childContextTypes.skin
+  };
   constructor(props) {
     super(props);
-
-    this.handleMouseEnter = () => {
-      this.setState({
-        hovered: true
-      });
-    };
-
-    this.handleMouseLeave = () => {
-      this.setState({
-        hovered: false
-      });
-    };
-
     this.state = {
       isSettingsOpen: false,
       isMenuOpen: false,
@@ -79,12 +50,10 @@ class MoocHeader extends _react.default.Component {
     this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);
     this.handleKeyPress = this.handleKeyPress.bind(this);
   }
-
   componentDidUpdate(prevProps, prevState, prevContext) {
     const {
       isSettingsOpen
     } = this.state;
-
     if (isSettingsOpen) {
       document.addEventListener('click', this._checkOnClose);
       document.addEventListener('touchstart', this._checkOnClose);
@@ -93,117 +62,95 @@ class MoocHeader extends _react.default.Component {
       document.removeEventListener('touchstart', this._checkOnClose);
     }
   }
-
   setMenuSettings(el) {
     this.menuSettings = el;
   }
-
   _checkOnClose(clickEvent) {
     const {
       isSettingsOpen
     } = this.state;
-
     if (isSettingsOpen) {
       const menu = this.menuSettings;
-
       if (menu && !menu.contains(clickEvent.target)) {
         this.handleSettingsToggle();
       }
     }
   }
-
   handleLinkClick() {
     const {
       isMenuOpen
     } = this.state;
     isMenuOpen && this.handleMenuToggle();
   }
-
   handleSettingsToggle() {
     this.setState(prevState => ({
       isSettingsOpen: !prevState.isSettingsOpen
     }));
   }
-
   handleMenuToggle() {
     const {
       isMenuOpen
     } = this.state;
     isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();
   }
-
   handleSubmitSearch() {
     const {
       onSubmitSearch
     } = this.props;
-
     if (onSubmitSearch) {
       onSubmitSearch();
     }
   }
-
   handleResetSearch() {
     const {
       onResetSearch
     } = this.props;
-
     if (onResetSearch) {
       onResetSearch();
     }
   }
-
   handleOnFocus() {
     this.setState(prevState => ({
       isFocus: true
     }));
   }
-
   handleOnBlur() {
     this.setState(prevState => ({
       isFocus: false
     }));
   }
-
   handleOnMenuOpen() {
     const {
       onMenuOpen
     } = this.props;
-
     if (onMenuOpen) {
       onMenuOpen();
     }
-
     this.setState(() => ({
       isMenuOpen: true
     }));
   }
-
   handleOnMenuClose() {
     const {
       onMenuClose
     } = this.props;
-
     if (onMenuClose) {
       onMenuClose();
     }
-
     this.setState(() => ({
       isMenuOpen: false
     }));
   }
-
   handleOnMouseOver() {
     this.setState(() => ({
       isToolTipOpen: true
     }));
   }
-
   handleOnMouseLeave() {
     this.setState(() => ({
       isToolTipOpen: false
     }));
   }
-
   handleKeyPress(event) {
     if (event.key === 'Enter') {
       this.setState(() => ({
@@ -215,7 +162,16 @@ class MoocHeader extends _react.default.Component {
       }));
     }
   }
-
+  handleMouseEnter = () => {
+    this.setState({
+      hovered: true
+    });
+  };
+  handleMouseLeave = () => {
+    this.setState({
+      hovered: false
+    });
+  };
   render() {
     if ((0, _isEmpty2.default)(this.props)) return null;
     const {
@@ -263,7 +219,6 @@ class MoocHeader extends _react.default.Component {
     const iconWrapperStyle = {
       backgroundColor: primaryColor
     };
-
     if (items) {
       const displayedPages = items.displayed.map((item, index) => {
         const activeColor = item.selected ? {
@@ -293,7 +248,9 @@ class MoocHeader extends _react.default.Component {
           onClick: this.handleLinkClick,
           target: item.target || null,
           "aria-label": itemLabel,
-          style: _extends({}, activeColor)
+          style: {
+            ...activeColor
+          }
         }, item.title, pageBadge, /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.bar,
           style: {
@@ -319,7 +276,9 @@ class MoocHeader extends _react.default.Component {
           "aria-label": itemLabel,
           onClick: this.handleLinkClick,
           hoverColor: item.disabled ? '' : (0, _getOr2.default)(_colors.COLORS.brand, 'common.primary', skin),
-          style: _extends({}, activeColor)
+          style: {
+            ...activeColor
+          }
         }, item.title, /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.line,
           style: {
@@ -330,11 +289,9 @@ class MoocHeader extends _react.default.Component {
       const {
         hovered
       } = this.state;
-
       const _hoverStyle = hovered ? {
         color: primaryColor
       } : null;
-
       pagesView = /*#__PURE__*/_react.default.createElement("div", {
         className: search.value || isFocus ? _style.default.noItems : _style.default.items
       }, displayedPages, /*#__PURE__*/_react.default.createElement("div", {
@@ -345,7 +302,9 @@ class MoocHeader extends _react.default.Component {
         "data-name": "item-more",
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
-        style: _extends({}, _hoverStyle)
+        style: {
+          ..._hoverStyle
+        }
       }, moreAriaLabel, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
         style: {
           color: mediumColor
@@ -361,7 +320,6 @@ class MoocHeader extends _react.default.Component {
         className: _style.default.optionsGroup
       }, optionsView)));
     }
-
     if (links) {
       const ctas = links.map((cta, index) => {
         return /*#__PURE__*/_react.default.createElement(_cta.default, _extends({}, cta, {
@@ -373,7 +331,6 @@ class MoocHeader extends _react.default.Component {
         className: _style.default.links
       }, ctas);
     }
-
     if (user) {
       const nbNotifications = (0, _getOr2.default)(0, 'notifications.value', user);
       const notificationsAriaLabel = (0, _getOr2.default)('', 'notifications.aria-label', user);
@@ -382,7 +339,6 @@ class MoocHeader extends _react.default.Component {
         "data-name": "user-notifications",
         className: _style.default.notifications
       }, nbNotifications) : null;
-
       const notificationPageView = /*#__PURE__*/_react.default.createElement(_link.default, {
         className: (0, _classnames.default)(_style.default.notification, nbNotifications > 0 ? _style.default.active : null),
         "data-name": "stat-notifications",
@@ -392,7 +348,6 @@ class MoocHeader extends _react.default.Component {
         width: 16,
         height: 16
       })), notificationsView);
-
       userView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.user
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -462,7 +417,6 @@ class MoocHeader extends _react.default.Component {
         alt: user.profileAvatarAlt
       })))));
     }
-
     if (settings) {
       const settingsElements = settings.map((setting, index) => {
         let settingView = null;
@@ -475,7 +429,6 @@ class MoocHeader extends _react.default.Component {
           hoverColor,
           'aria-label': ariaLabel
         } = setting;
-
         switch (type) {
           case 'link':
             {
@@ -496,7 +449,6 @@ class MoocHeader extends _react.default.Component {
               }, title));
               break;
             }
-
           case 'select':
             {
               const selectProps = {};
@@ -516,7 +468,6 @@ class MoocHeader extends _react.default.Component {
               })));
               break;
             }
-
           case 'switch':
             {
               const switchProps = {};
@@ -537,7 +488,6 @@ class MoocHeader extends _react.default.Component {
               break;
             }
         }
-
         return settingView;
       });
       settingsView = /*#__PURE__*/_react.default.createElement("div", {
@@ -561,7 +511,6 @@ class MoocHeader extends _react.default.Component {
         "aria-label": groupAriaLbale
       }, settingsElements)));
     }
-
     if (search) {
       searchFormView = /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "Search-Bar",
@@ -575,7 +524,6 @@ class MoocHeader extends _react.default.Component {
         "search-reset-aria-label": searchResetAriaLabel
       }));
     }
-
     return /*#__PURE__*/_react.default.createElement("header", {
       className: _style.default.wrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -639,7 +587,8 @@ class MoocHeader extends _react.default.Component {
         color: primaryColor
       }
     }), /*#__PURE__*/_react.default.createElement("p", {
-      className: _style.default.toolTipText // eslint-disable-next-line react/no-danger
+      className: _style.default.toolTipText
+      // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: toolTipText
@@ -652,13 +601,7 @@ class MoocHeader extends _react.default.Component {
       "data-name": "menu-wrapper"
     }, pagesView, userView || linksView, settingsView)));
   }
-
 }
-
-MoocHeader.contextTypes = {
-  translate: _provider.default.childContextTypes.translate,
-  skin: _provider.default.childContextTypes.skin
-};
 MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   logo: _propTypes.default.shape({
     src: _propTypes.default.string,
@@ -747,6 +690,5 @@ MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   onMenuOpen: _propTypes.default.func,
   onMenuClose: _propTypes.default.func
 } : {};
-var _default = MoocHeader;
-exports.default = _default;
+var _default = exports.default = MoocHeader;
 //# sourceMappingURL=index.js.map