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

package/es/organism/mobile-navigation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  navbar: ViewStyle;\n  blur: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      bottom: 0,\n      paddingTop: 10,\n      paddingBottom: 34,\n      paddingHorizontal: 20,\n      width: '100%',\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.15,\n      shadowRadius: 3,\n      elevation: 4\n    },\n    blur: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    },\n    navbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      maxWidth: 110,\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    dotShadow: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <View style={styleSheet.navbar}>\n        {Platform.OS === 'ios' ? (\n          <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n        ) : null}\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","Platform","BlurView","NovaCompositionNavigationNavBar","BlurredShadow","useTemplateContext","Touchable","createStyleSheet","theme","create","container","position","bottom","paddingTop","paddingBottom","paddingHorizontal","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","blur","top","left","right","navbar","flexDirection","justifyContent","alignSelf","overflow","borderRadius","backgroundColor","OS","colors","gray","light","button","alignItems","flex","maxWidth","marginTop","spacing","small","buttonText","fontSize","lineHeight","color","text","primary","dot","cta","dotShadow","transform","rotateX","scaleX","Button","testID","title","selected","Icon","styles","onPress","NavigationBar","items","selectedItemIndex","templateContext","styleSheet","setStylesheet","_stylesheet","map","prop","index","handlePress","action","label","icon"],"sources":["../../../src/organism/mobile-navigation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {\n  View,\n  StyleSheet,\n  Text,\n  ViewStyle,\n  TextStyle,\n  GestureResponderEvent,\n  Platform\n} from 'react-native';\nimport {BlurView} from '@react-native-community/blur';\n\nimport {NovaCompositionNavigationNavBar as BlurredShadow} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\ninterface ButtonProps {\n  title: string;\n  testID: string;\n  selected: boolean;\n  Icon: FC<{height: number; width: number; color?: string}>;\n  styles: StyleSheetType;\n  theme: Theme;\n  onPress: (event: GestureResponderEvent) => void;\n}\n\nexport type NavItemType = {\n  label: string;\n  icon: ButtonProps['Icon'];\n  action: (event: GestureResponderEvent) => void;\n};\n\nexport interface Props {\n  testID?: string;\n  items: Array<NavItemType>;\n  selectedItemIndex: number;\n}\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  navbar: ViewStyle;\n  blur: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  dot: ViewStyle;\n  dotShadow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      position: 'absolute',\n      bottom: 0,\n      paddingTop: 10,\n      paddingBottom: 34,\n      paddingHorizontal: 20,\n      width: '100%',\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 2\n      },\n      shadowOpacity: 0.15,\n      shadowRadius: 3,\n      elevation: 4\n    },\n    blur: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    },\n    navbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignSelf: 'center',\n      overflow: 'hidden',\n      height: 66,\n      borderRadius: 12,\n      backgroundColor: Platform.OS === 'ios' ? theme.colors.gray.light : '#edededee'\n    },\n    button: {\n      alignItems: 'center',\n      flex: 1,\n      height: '100%',\n      maxWidth: 110,\n      marginTop: theme.spacing.small\n    },\n    buttonText: {\n      fontSize: theme.fontSize.small,\n      lineHeight: 26,\n      // height: 11,\n      color: theme.colors.text.primary\n    },\n    dot: {\n      width: 8,\n      height: 8,\n      borderRadius: 8,\n      backgroundColor: theme.colors.cta,\n      marginTop: 3,\n      position: 'absolute',\n      alignSelf: 'center'\n    },\n    dotShadow: {\n      marginTop: -87,\n      width: 200,\n      height: 100,\n      position: 'absolute',\n      alignSelf: 'center',\n      transform: [{rotateX: '180deg'}, {scaleX: 0.7}]\n    }\n  });\n\nconst Button = ({testID, title, selected, Icon, styles, theme, onPress}: ButtonProps) => (\n  <Touchable testID={testID} style={styles.button} onPress={onPress}>\n    <View style={{alignItems: 'center'}}>\n      <Icon\n        height={16}\n        width={16}\n        color={selected ? theme.colors.cta : theme.colors.text.primary}\n      />\n      <Text style={styles.buttonText}>{title}</Text>\n    </View>\n    {selected ? (\n      <View>\n        <View style={styles.dot} />\n        <BlurredShadow color={theme.colors.cta} style={styles.dotShadow} />\n      </View>\n    ) : null}\n  </Touchable>\n);\n\nconst NavigationBar = ({items, selectedItemIndex}: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <View style={styleSheet.navbar}>\n        {Platform.OS === 'ios' ? (\n          <BlurView style={styleSheet.blur} blurAmount={75} blurType=\"xlight\" />\n        ) : null}\n        {items.map((prop, index) => {\n          const handlePress = prop.action;\n          return (\n            <Button\n              key={`button-${prop.label}`}\n              title={prop.label}\n              Icon={prop.icon}\n              onPress={handlePress}\n              selected={index === selectedItemIndex}\n              testID={`navigationButton_${index}`}\n              styles={styleSheet}\n              theme={theme}\n            />\n          );\n        })}\n      </View>\n    </View>\n  );\n};\n\nexport default NavigationBar;\n"],"mappings":"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"}

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

@@ -1,17 +1,22 @@
 import _map from "lodash/fp/map";
+
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Slide from '../../../atom/slide';
 import Slider from '../../slider';
+
 const ImageSlider = ({
   slides = []
 }) => {
   const allSlides = _map(slide => /*#__PURE__*/React.createElement(Slide, _extends({}, slide, {
     key: slide.title
   })), slides);
+
   return /*#__PURE__*/React.createElement(Slider, null, allSlides);
 };
+
 ImageSlider.propTypes = process.env.NODE_ENV !== "production" ? {
   slides: PropTypes.arrayOf(PropTypes.shape(Slide.propTypes))
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Slide","Slider","ImageSlider","slides","allSlides","slide","title","propTypes","arrayOf","shape"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAE,CAAC,KAAK;EACrC,MAAMC,SAAS,GAAG,KAAIC,KAAK,iBAAI,oBAAC,KAAK,eAAKA,KAAK;IAAE,GAAG,EAAEA,KAAK,CAACC;EAAM,GAAG,EAAEH,MAAM,CAAC;EAC9E,oBAAO,oBAAC,MAAM,QAAEC,SAAS,CAAU;AACrC,CAAC;AAEDF,WAAW,CAACK,SAAS,2CAAG;EACtBJ,MAAM,EAAEJ,SAAS,CAACS,OAAO,CAACT,SAAS,CAACU,KAAK,CAACT,KAAK,CAACO,SAAS,CAAC;AAC5D,CAAC;AAED,eAAeL,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Slide","Slider","ImageSlider","slides","allSlides","slide","title","propTypes","arrayOf","shape"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EAACC,MAAM,GAAG;AAAV,CAAD,KAAmB;EACrC,MAAMC,SAAS,GAAG,KAAIC,KAAK,iBAAI,oBAAC,KAAD,eAAWA,KAAX;IAAkB,GAAG,EAAEA,KAAK,CAACC;EAA7B,GAAb,EAAqDH,MAArD,CAAlB;;EACA,oBAAO,oBAAC,MAAD,QAASC,SAAT,CAAP;AACD,CAHD;;AAKAF,WAAW,CAACK,SAAZ,2CAAwB;EACtBJ,MAAM,EAAEJ,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,KAAV,CAAgBT,KAAK,CAACO,SAAtB,CAAlB;AADc,CAAxB;AAIA,eAAeL,WAAf"}

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

@@ -7,6 +7,7 @@ import SocialLink from '../../atom/social-link';
 import Picture from '../../atom/picture';
 import style from './style.css';
 const socialLinksTypes = process.env.NODE_ENV !== "production" ? ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'] : {};
+
 const StoresLinks = ({
   onAppStoreButtonClick,
   appStoreButtonImageUrl,
@@ -27,6 +28,7 @@ const StoresLinks = ({
   onClick: onPlayStoreButtonClick,
   alt: androidAlt
 }));
+
 StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   onAppStoreButtonClick: PropTypes.func,
   appStoreButtonImageUrl: PropTypes.string,
@@ -35,6 +37,7 @@ StoresLinks.propTypes = process.env.NODE_ENV !== "production" ? {
   'android-alt': PropTypes.string,
   'ios-alt': PropTypes.string
 } : {};
+
 function MoocFooter(props) {
   const {
     headSection = {},
@@ -42,9 +45,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 = !_isEmpty(headSection) ? /*#__PURE__*/React.createElement("div", {
     "data-name": "headSpacingContainer",
@@ -65,21 +66,17 @@ function MoocFooter(props) {
   }, headSection.title)), /*#__PURE__*/React.createElement("div", {
     "data-name": "mobile-apps-buttons-wrapper",
     className: style.mobileAppLinks
-  }, /*#__PURE__*/React.createElement(StoresLinks
-  // ignored due to naming conventions in JSX rather than a linting error
+  }, /*#__PURE__*/React.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.createElement("ul", {
@@ -101,6 +98,7 @@ function MoocFooter(props) {
       }, page.title));
     }));
   };
+
   const sections = !_isEmpty(siteMapSections) ? siteMapSections.map((section, index) => {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
@@ -146,6 +144,7 @@ function MoocFooter(props) {
     "data-name": "mooc-footer"
   }, headSectionView, siteMap);
 }
+
 MoocFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   headSection: PropTypes.shape({
     title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","NovaCompositionCoorpacademyCoorpLogo","CoorpLogo","Link","SocialLink","Picture","style","socialLinksTypes","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","imgApple","img","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":["React","PropTypes","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","NovaCompositionCoorpacademyCoorpLogo","CoorpLogo","Link","SocialLink","Picture","style","socialLinksTypes","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","imgApple","img","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/es/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/es/organism/mooc-header/index.js

@@ -1,7 +1,9 @@
 import _isEmpty from "lodash/fp/isEmpty";
 import _get from "lodash/fp/get";
 import _getOr from "lodash/fp/getOr";
+
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -15,6 +17,7 @@ import Link from '../../atom/link';
 import Search from '../../atom/input-search';
 import SearchForm from '../../molecule/search-form';
 import style from './style.css';
+
 class MoocHeader extends React.Component {
   constructor(props) {
     super(props);
@@ -35,10 +38,12 @@ class MoocHeader extends React.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);
@@ -47,85 +52,105 @@ class MoocHeader extends React.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 (_isEmpty(this.props)) return null;
     const {
@@ -154,8 +179,11 @@ class MoocHeader extends React.Component {
       closeMenuAriaLabel,
       openMenuAriaLabel
     } = logo;
+
     const logoUrl = _get('src', logo) || _get('images.logo', skin);
+
     const logoMobileUrl = _get('srcMobile', logo) || _getOr(logoUrl, 'images.logo-mobile', skin);
+
     let pagesView = null;
     let linksView = null;
     let userView = null;
@@ -164,13 +192,19 @@ class MoocHeader extends React.Component {
     let searchFormView = null;
     const moreAriaLabel = translate('More');
     const closeLabel = translate('Close');
+
     const primaryColor = _get('common.primary', skin);
+
     const mediumColor = _get('common.medium', skin);
+
     const darkColor = _get('common.dark', skin);
+
     const white = _get('common.white', skin);
+
     const iconWrapperStyle = {
       backgroundColor: primaryColor
     };
+
     if (items) {
       const displayedPages = items.displayed.map((item, index) => {
         const activeColor = item.selected ? {
@@ -242,6 +276,7 @@ class MoocHeader extends React.Component {
         className: style.optionsGroup
       }, optionsView)));
     }
+
     if (links) {
       const ctas = links.map((cta, index) => {
         return /*#__PURE__*/React.createElement(Cta, _extends({}, cta, {
@@ -253,9 +288,12 @@ class MoocHeader extends React.Component {
         className: style.links
       }, ctas);
     }
+
     if (user) {
       const nbNotifications = _getOr(0, 'notifications.value', user);
+
       const notificationsAriaLabel = _getOr('', 'notifications.aria-label', user);
+
       notificationsView = nbNotifications > 0 ? /*#__PURE__*/React.createElement(Link, {
         href: user.notifications.href,
         "data-name": "user-notifications",
@@ -333,6 +371,7 @@ class MoocHeader extends React.Component {
         alt: user.profileAvatarAlt
       })))));
     }
+
     if (settings) {
       const settingsElements = settings.map((setting, index) => {
         let settingView = null;
@@ -345,6 +384,7 @@ class MoocHeader extends React.Component {
           hoverColor,
           'aria-label': ariaLabel
         } = setting;
+
         switch (type) {
           case 'link':
             {
@@ -366,6 +406,7 @@ class MoocHeader extends React.Component {
               }, title));
               break;
             }
+
           case 'select':
             {
               const selectProps = {};
@@ -384,6 +425,7 @@ class MoocHeader extends React.Component {
               })));
               break;
             }
+
           case 'switch':
             {
               const switchProps = {};
@@ -396,11 +438,15 @@ class MoocHeader extends React.Component {
                 key: settingName,
                 "aria-label": ariaLabel || title
               }, /*#__PURE__*/React.createElement("span", {
+                id: `title-id-${settingName}`,
                 className: style.label
-              }, title), /*#__PURE__*/React.createElement(InputSwitch, switchProps));
+              }, title), /*#__PURE__*/React.createElement(InputSwitch, _extends({}, switchProps, {
+                "aria-labelledby": `titleId-${settingName}`
+              })));
               break;
             }
         }
+
         return settingView;
       });
       settingsView = /*#__PURE__*/React.createElement("div", {
@@ -424,6 +470,7 @@ class MoocHeader extends React.Component {
         "aria-label": closeSettingsAriaLabel
       }, closeLabel)));
     }
+
     if (search) {
       searchFormView = /*#__PURE__*/React.createElement("div", {
         "data-name": "Search-Bar",
@@ -437,6 +484,7 @@ class MoocHeader extends React.Component {
         "search-reset-aria-label": searchResetAriaLabel
       }));
     }
+
     return /*#__PURE__*/React.createElement("header", {
       className: style.wrapper
     }, /*#__PURE__*/React.createElement("div", {
@@ -479,7 +527,9 @@ class MoocHeader extends React.Component {
       "data-name": "menu-wrapper"
     }, pagesView, userView || linksView, settingsView)));
   }
+
 }
+
 MoocHeader.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin