@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.31

package/lib/organism/mooc/image-slider/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _slide = _interopRequireDefault(require("../../../atom/slide"));
+
 var _slider = _interopRequireDefault(require("../../slider"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ImageSlider = ({
   slides = []
 }) => {
@@ -17,6 +25,7 @@ const ImageSlider = ({
   })), slides);
   return /*#__PURE__*/_react.default.createElement(_slider.default, null, allSlides);
 };
+
 ImageSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   slides: _propTypes.default.arrayOf(_propTypes.default.shape(_slide.default.propTypes))
 } : {};

package/lib/organism/mooc/image-slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageSlider","slides","allSlides","slide","title","propTypes","PropTypes","arrayOf","shape","Slide"],"sources":["../../../../src/organism/mooc/image-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Slide from '../../../atom/slide';\nimport Slider from '../../slider';\n\nconst ImageSlider = ({slides = []}) => {\n  const allSlides = map(slide => <Slide {...slide} key={slide.title} />, slides);\n  return <Slider>{allSlides}</Slider>;\n};\n\nImageSlider.propTypes = {\n  slides: PropTypes.arrayOf(PropTypes.shape(Slide.propTypes))\n};\n\nexport default ImageSlider;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAAkC;AAAA;AAElC,MAAMA,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAE,CAAC,KAAK;EACrC,MAAMC,SAAS,GAAG,mBAAIC,KAAK,iBAAI,6BAAC,cAAK,eAAKA,KAAK;IAAE,GAAG,EAAEA,KAAK,CAACC;EAAM,GAAG,EAAEH,MAAM,CAAC;EAC9E,oBAAO,6BAAC,eAAM,QAAEC,SAAS,CAAU;AACrC,CAAC;AAEDF,WAAW,CAACK,SAAS,2CAAG;EACtBJ,MAAM,EAAEK,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,cAAK,CAACJ,SAAS,CAAC;AAC5D,CAAC;AAAC,eAEaL,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["ImageSlider","slides","allSlides","slide","title","propTypes","PropTypes","arrayOf","shape","Slide"],"sources":["../../../../src/organism/mooc/image-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Slide from '../../../atom/slide';\nimport Slider from '../../slider';\n\nconst ImageSlider = ({slides = []}) => {\n  const allSlides = map(slide => <Slide {...slide} key={slide.title} />, slides);\n  return <Slider>{allSlides}</Slider>;\n};\n\nImageSlider.propTypes = {\n  slides: PropTypes.arrayOf(PropTypes.shape(Slide.propTypes))\n};\n\nexport default ImageSlider;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAV,CAAD,KAAmB;EACrC,MAAMC,SAAS,GAAG,mBAAIC,KAAK,iBAAI,6BAAC,cAAD,eAAWA,KAAX;IAAkB,GAAG,EAAEA,KAAK,CAACC;EAA7B,GAAb,EAAqDH,MAArD,CAAlB;EACA,oBAAO,6BAAC,eAAD,QAASC,SAAT,CAAP;AACD,CAHD;;AAKAF,WAAW,CAACK,SAAZ,2CAAwB;EACtBJ,MAAM,EAAEK,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,cAAA,CAAMJ,SAAtB,CAAlB;AADc,CAAxB;eAIeL,W"}

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

@@ -2,16 +2,27 @@
 
 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 }; }
+
 const socialLinksTypes = process.env.NODE_ENV !== "production" ? ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'] : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -32,6 +43,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: _propTypes.default.func,
   appStoreButtonImageUrl: _propTypes.default.string,
@@ -40,6 +52,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': _propTypes.default.string,
   'ios-alt': _propTypes.default.string
 } : {};
+
 function MoocFooter(props) {
   const {
     headSection = {},
@@ -47,9 +60,7 @@ 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",
@@ -70,21 +81,17 @@ 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", {
@@ -106,6 +113,7 @@ function MoocFooter(props) {
       }, page.title));
     }));
   };
+
   const sections = !(0, _isEmpty2.default)(siteMapSections) ? siteMapSections.map((section, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
@@ -125,6 +133,7 @@ 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
@@ -137,6 +146,7 @@ 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
@@ -147,10 +157,12 @@ 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,

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          <div key={index} className={style.sectionWrapper}>\n            <p className={style.sectionTitle}>{section.title}</p>\n            {renderPagesFromSection(section.pages)}\n          </div>\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":["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          <div key={index} className={style.sectionWrapper}>\n            <p className={style.sectionTitle}>{section.title}</p>\n            {renderPagesFromSection(section.pages)}\n          </div>\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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"}

package/lib/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAmYC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAqYC;CACF"}

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

@@ -2,24 +2,43 @@
 
 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 _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); }
+
 class MoocHeader extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -40,10 +59,12 @@ class MoocHeader extends _react.default.Component {
     this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);
     this.handleOnMenuClose = this.handleOnMenuClose.bind(this);
   }
+
   componentDidUpdate(prevProps, prevState, prevContext) {
     const {
       isSettingsOpen
     } = this.state;
+
     if (isSettingsOpen) {
       document.addEventListener('click', this._checkOnClose);
       document.addEventListener('touchstart', this._checkOnClose);
@@ -52,85 +73,105 @@ 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
     }));
   }
+
   render() {
     if ((0, _isEmpty2.default)(this.props)) return null;
     const {
@@ -176,6 +217,7 @@ class MoocHeader extends _react.default.Component {
     const iconWrapperStyle = {
       backgroundColor: primaryColor
     };
+
     if (items) {
       const displayedPages = items.displayed.map((item, index) => {
         const activeColor = item.selected ? {
@@ -247,6 +289,7 @@ 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, {
@@ -258,6 +301,7 @@ 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);
@@ -266,6 +310,7 @@ 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",
@@ -275,6 +320,7 @@ 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", {
@@ -338,6 +384,7 @@ class MoocHeader extends _react.default.Component {
         alt: user.profileAvatarAlt
       })))));
     }
+
     if (settings) {
       const settingsElements = settings.map((setting, index) => {
         let settingView = null;
@@ -350,6 +397,7 @@ class MoocHeader extends _react.default.Component {
           hoverColor,
           'aria-label': ariaLabel
         } = setting;
+
         switch (type) {
           case 'link':
             {
@@ -371,6 +419,7 @@ class MoocHeader extends _react.default.Component {
               }, title));
               break;
             }
+
           case 'select':
             {
               const selectProps = {};
@@ -389,6 +438,7 @@ class MoocHeader extends _react.default.Component {
               })));
               break;
             }
+
           case 'switch':
             {
               const switchProps = {};
@@ -401,11 +451,15 @@ class MoocHeader extends _react.default.Component {
                 key: settingName,
                 "aria-label": ariaLabel || title
               }, /*#__PURE__*/_react.default.createElement("span", {
+                id: `title-id-${settingName}`,
                 className: _style.default.label
-              }, title), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, switchProps));
+              }, title), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, _extends({}, switchProps, {
+                "aria-labelledby": `titleId-${settingName}`
+              })));
               break;
             }
         }
+
         return settingView;
       });
       settingsView = /*#__PURE__*/_react.default.createElement("div", {
@@ -429,6 +483,7 @@ class MoocHeader extends _react.default.Component {
         "aria-label": closeSettingsAriaLabel
       }, closeLabel)));
     }
+
     if (search) {
       searchFormView = /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "Search-Bar",
@@ -442,6 +497,7 @@ 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", {
@@ -484,7 +540,9 @@ 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