@coorpacademy/components 11.14.13-alpha.2 → 11.14.14-alpha.2

package/es/atom/cta/index.d.ts

@@ -1,8 +1,6 @@
 export default CTA;
-declare function CTA(props: any, legacyContext: any): JSX.Element;
-declare namespace CTA {
-    const propTypes: {
-        'aria-label': PropTypes.Requireable<string>;
+declare class CTA extends React.Component<any, any, any> {
+    static propTypes: {
         submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         href: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -17,10 +15,9 @@ declare namespace CTA {
         rectangular: PropTypes.Requireable<boolean>;
         fullWidth: PropTypes.Requireable<boolean>;
         certificationButton: PropTypes.Requireable<boolean>;
-        useButtonTag: PropTypes.Requireable<boolean>;
     };
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    static contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -41,7 +38,36 @@ declare namespace CTA {
                 [x: string]: any;
             }>;
         }>>;
-    }
+    };
+    constructor(props: any);
+    state: {
+        hovered: boolean;
+    };
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    getStyle(): {
+        backgroundColor: any;
+        borderColor: any;
+        opacity: string;
+        color?: undefined;
+    } | {
+        backgroundColor: any;
+        borderColor: any;
+        opacity?: undefined;
+        color?: undefined;
+    } | {
+        color: any;
+        borderColor: any;
+        backgroundColor?: undefined;
+        opacity?: undefined;
+    } | {
+        color: any;
+        backgroundColor?: undefined;
+        borderColor?: undefined;
+        opacity?: undefined;
+    } | undefined;
+    render(): JSX.Element;
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/cta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA,kEAuGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA;IACE;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAOC;IALC;;MAEC;IAKH,yBAIC;IAED,yBAIC;IAED;;;;;;;;;;;;;;;;;;;;kBAwCC;IAED,sBAkDC;CACF"}

package/es/atom/cta/index.js

@@ -1,6 +1,6 @@
 import _noop from "lodash/fp/noop";
 import _get from "lodash/fp/get";
-import React, { useCallback, useState } from 'react';
+import React from 'react';
 import { convert } from 'css-color-function';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -9,36 +9,42 @@ import Provider from '../provider';
 import Link from '../link';
 import style from './style.css';
 
-const CTA = (props, legacyContext) => {
-  const {
-    skin
-  } = legacyContext;
-  const {
-    'aria-label': ariaLabel,
-    submitValue = 'submit',
-    name: ctaName,
-    href,
-    target,
-    disabled = false,
-    light = false,
-    small = false,
-    secondary = false,
-    onClick,
-    className,
-    logout = false,
-    rectangular = false,
-    fullWidth = false,
-    certificationButton = false,
-    useButtonTag = false
-  } = props;
-  const [hovered, setHovered] = useState(false);
-  const handleMouseEnter = useCallback(() => {
-    setHovered(true);
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    setHovered(false);
-  }, []);
-  const getStyle = useCallback(() => {
+class CTA extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hovered: false
+    };
+    this.handleMouseEnter = this.handleMouseEnter.bind(this);
+    this.handleMouseLeave = this.handleMouseLeave.bind(this);
+  }
+
+  handleMouseEnter() {
+    return this.setState({
+      hovered: true
+    });
+  }
+
+  handleMouseLeave() {
+    return this.setState({
+      hovered: false
+    });
+  }
+
+  getStyle() {
+    const {
+      skin
+    } = this.context;
+    const {
+      hovered
+    } = this.state;
+    const {
+      disabled = false,
+      light = false,
+      secondary = false,
+      logout = false
+    } = this.props;
+
     const color = _get('common.primary', skin);
 
     const grey = _get('common.grey', skin);
@@ -72,30 +78,50 @@ const CTA = (props, legacyContext) => {
       borderColor: color,
       backgroundColor: color
     };
-  }, [disabled, hovered, light, logout, secondary, skin]);
-  return /*#__PURE__*/React.createElement(Link, {
-    href: href,
-    onClick: disabled ? _noop : onClick,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    target: target,
-    className: classnames(style.button, disabled ? style.disabled : null, small ? style.smallButton : null, light ? style.lightButton : null, secondary ? style.secondaryButton : null, logout ? style.logoutButton : null, rectangular ? style.rectangularButton : null, fullWidth ? style.fullWidth : null, certificationButton ? style.certificationButton : null, className),
-    "data-name": ctaName || 'cta',
-    style: getStyle(),
-    "aria-label": ariaLabel,
-    useButtonTag: useButtonTag
-  }, logout ? /*#__PURE__*/React.createElement("div", {
-    className: style.logoutWrapper,
-    "data-name": "cta-logout-label"
-  }, /*#__PURE__*/React.createElement(LogoutIcon, {
-    height: 15,
-    width: 15,
-    className: style.logoutIcon
-  }), submitValue) : submitValue);
-};
+  }
+
+  render() {
+    const {
+      submitValue = 'submit',
+      name: ctaName,
+      href,
+      target,
+      disabled = false,
+      light = false,
+      small = false,
+      secondary = false,
+      onClick,
+      className,
+      logout = false,
+      rectangular = false,
+      fullWidth = false,
+      certificationButton = false
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Link, {
+      href: href,
+      onClick: disabled ? _noop : onClick,
+      onMouseEnter: this.handleMouseEnter,
+      onMouseLeave: this.handleMouseLeave,
+      target: target,
+      className: classnames(style.button, disabled ? style.disabled : null, small ? style.smallButton : null, light ? style.lightButton : null, secondary ? style.secondaryButton : null, logout ? style.logoutButton : null, rectangular ? style.rectangularButton : null, fullWidth ? style.fullWidth : null, certificationButton ? style.certificationButton : null, className),
+      "data-name": ctaName || 'cta',
+      style: this.getStyle()
+    }, logout ? /*#__PURE__*/React.createElement("div", {
+      className: style.logoutWrapper,
+      "data-name": "cta-logout-label"
+    }, /*#__PURE__*/React.createElement(LogoutIcon, {
+      height: 15,
+      width: 15,
+      className: style.logoutIcon
+    }), submitValue) : submitValue);
+  }
 
+}
+
+CTA.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
 CTA.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': Link.propTypes['aria-label'],
   submitValue: Link.propTypes.children,
   href: Link.propTypes.href,
   onClick: Link.propTypes.onClick,
@@ -109,11 +135,7 @@ CTA.propTypes = process.env.NODE_ENV !== "production" ? {
   logout: PropTypes.bool,
   rectangular: PropTypes.bool,
   fullWidth: PropTypes.bool,
-  certificationButton: PropTypes.bool,
-  useButtonTag: Link.propTypes.useButtonTag
+  certificationButton: PropTypes.bool
 } : {};
-CTA.contextTypes = {
-  skin: Provider.childContextTypes.skin
-};
 export default CTA;
 //# sourceMappingURL=index.js.map

package/es/atom/cta/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","convert","PropTypes","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Provider","Link","style","CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","useButtonTag","hovered","setHovered","handleMouseEnter","handleMouseLeave","getStyle","color","grey","backgroundColor","borderColor","opacity","darkenColor","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","propTypes","children","string","bool","contextTypes","childContextTypes"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nconst CTA = (props, legacyContext) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\n    submitValue = 'submit',\n    name: ctaName,\n    href,\n    target,\n    disabled = false,\n    light = false,\n    small = false,\n    secondary = false,\n    onClick,\n    className,\n    logout = false,\n    rectangular = false,\n    fullWidth = false,\n    certificationButton = false,\n    useButtonTag = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      target={target}\n      className={classnames(\n        style.button,\n        disabled ? style.disabled : null,\n        small ? style.smallButton : null,\n        light ? style.lightButton : null,\n        secondary ? style.secondaryButton : null,\n        logout ? style.logoutButton : null,\n        rectangular ? style.rectangularButton : null,\n        fullWidth ? style.fullWidth : null,\n        certificationButton ? style.certificationButton : null,\n        className\n      )}\n      data-name={ctaName || 'cta'}\n      style={getStyle()}\n      aria-label={ariaLabel}\n      useButtonTag={useButtonTag}\n    >\n      {logout ? (\n        <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n          <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n          {submitValue}\n        </div>\n      ) : (\n        submitValue\n      )}\n    </Link>\n  );\n};\n\nCTA.propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\n  submitValue: Link.propTypes.children,\n  href: Link.propTypes.href,\n  onClick: Link.propTypes.onClick,\n  target: Link.propTypes.target,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  light: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  className: PropTypes.string,\n  logout: PropTypes.bool,\n  rectangular: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  certificationButton: PropTypes.bool,\n  useButtonTag: Link.propTypes.useButtonTag\n};\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","convert","PropTypes","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Provider","Link","style","CTA","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","childContextTypes","propTypes","children","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":"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"}

package/es/atom/link/index.d.ts

@@ -15,7 +15,6 @@ declare namespace Link {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        useButtonTag: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     };
     namespace contextTypes {

package/es/atom/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA0GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA+EC"}

package/es/atom/link/index.js

@@ -1,7 +1,7 @@
 import _noop from "lodash/fp/noop";
 import _getOr from "lodash/fp/getOr";
 import _identity from "lodash/fp/identity";
-const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label", "useButtonTag"];
+const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label"];
 
 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); }
 
@@ -25,8 +25,7 @@ const Link = (props, legacyContext) => {
     skinHover,
     hoverColor = _getOr('#00B0FF', 'common.primary', skin),
     'data-name': dataName = 'link',
-    'aria-label': ariaLabel,
-    useButtonTag = false
+    'aria-label': ariaLabel
   } = props,
         linKElementProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -59,28 +58,24 @@ const Link = (props, legacyContext) => {
     }
   }, [download, navigate, onClick]);
 
-  const _style = useMemo(() => href || onClick ? null : {
+  const _style = href || onClick ? null : {
     pointerEvents: 'none'
-  }, [href, onClick]);
+  };
 
-  const _hoverStyle = useMemo(() => skinHover && hovered ? {
+  const _hoverStyle = skinHover && hovered ? {
     color: hoverColor
-  } : null, [hoverColor, hovered, skinHover]);
+  } : null;
 
-  const _props = useMemo(() => _extends({}, linKElementProps, {
-    'data-name': dataName,
-    'aria-label': ariaLabel,
+  return /*#__PURE__*/React.createElement("a", _extends({}, linKElementProps, {
+    "data-name": dataName,
+    "aria-label": ariaLabel,
     href: href ? createHref(href) : undefined,
     onClick: handleOnClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    className,
+    className: className,
     style: _extends({}, propsStyle, _style, _hoverStyle)
-  }), [_hoverStyle, _style, ariaLabel, className, createHref, dataName, handleMouseEnter, handleMouseLeave, handleOnClick, href, linKElementProps, propsStyle]);
-
-  return useButtonTag ? /*#__PURE__*/React.createElement("button", _extends({}, _props, {
-    type: "button"
-  }), children) : /*#__PURE__*/React.createElement("a", _props, children);
+  }), children);
 };
 
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -97,7 +92,6 @@ Link.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
-  useButtonTag: PropTypes.bool,
   style: PropTypes.shape({})
 } : {};
 Link.contextTypes = {

package/es/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","GetSkinFromContext","pushToHistory","Link","props","legacyContext","skin","hovered","setHovered","history","createHref","skinHover","hoverColor","dataName","ariaLabel","useButtonTag","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","handleMouseLeave","navigate","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","_props","undefined","propTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    useButtonTag = false,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style = useMemo(\n    () =>\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          },\n    [href, onClick]\n  );\n  const _hoverStyle = useMemo(\n    () =>\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null,\n    [hoverColor, hovered, skinHover]\n  );\n\n  const _props = useMemo(\n    () => ({\n      ...linKElementProps,\n      'data-name': dataName,\n      'aria-label': ariaLabel,\n      href: href ? createHref(href) : undefined,\n      onClick: handleOnClick,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      className,\n      style: {\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }\n    }),\n    [\n      _hoverStyle,\n      _style,\n      ariaLabel,\n      className,\n      createHref,\n      dataName,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleOnClick,\n      href,\n      linKElementProps,\n      propsStyle\n    ]\n  );\n\n  return useButtonTag ? (\n    <button {..._props} type=\"button\">\n      {children}\n    </button>\n  ) : (\n    <a {..._props}>{children}</a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","GetSkinFromContext","pushToHistory","Link","props","legacyContext","skin","hovered","setHovered","history","createHref","skinHover","hoverColor","dataName","ariaLabel","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","handleMouseLeave","navigate","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","undefined","propTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style =\n    href || onClick\n      ? null\n      : {\n          pointerEvents: 'none'\n        };\n  const _hoverStyle =\n    skinHover && hovered\n      ? {\n          color: hoverColor\n        }\n      : null;\n\n  return (\n    <a\n      {...linKElementProps}\n      data-name={dataName}\n      aria-label={ariaLabel}\n      href={href ? createHref(href) : undefined}\n      onClick={handleOnClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={className}\n      style={{\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/es/atom/slide/index.d.ts

@@ -7,7 +7,6 @@ declare namespace Slide {
         const subtitle: PropTypes.Requireable<string>;
         const light: PropTypes.Requireable<boolean>;
         const cta: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -22,7 +21,6 @@ declare namespace Slide {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
-            useButtonTag: PropTypes.Requireable<boolean>;
         }>>;
         const alignment: PropTypes.Requireable<string>;
     }

package/es/molecule/news/index.d.ts

@@ -8,7 +8,6 @@ declare namespace News {
         const description: PropTypes.Requireable<string>;
         const authorLogo: PropTypes.Requireable<string>;
         const cta: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -23,7 +22,6 @@ declare namespace News {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
-            useButtonTag: PropTypes.Requireable<boolean>;
         }>>;
     }
 }

package/es/molecule/scope-tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/scope-tabs/index.js"],"names":[],"mappings":";AAqCA,kEAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/scope-tabs/index.js"],"names":[],"mappings":";AAqCA,kEAYC"}

package/es/molecule/scope-tabs/index.js

@@ -47,7 +47,7 @@ const ScopeTabs = (props, context) => {
     selected = 0,
     levels = []
   } = props;
-  return /*#__PURE__*/React.createElement("ul", {
+  return /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement("ul", {
     "data-name": "scopeTabs",
     className: style.tabs
   }, levels.map((level, index) => /*#__PURE__*/React.createElement(Tab, {
@@ -56,7 +56,7 @@ const ScopeTabs = (props, context) => {
     level: level,
     onClick: onClick,
     selected: selected
-  })));
+  }))));
 };
 
 ScopeTabs.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/molecule/scope-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","ModuleBubble","style","Tab","index","selected","onClick","level","handleClick","isSelected","bubble","module","defaultTab","currentTab","name","propTypes","number","func","shape","ScopeTabs","props","context","levels","tabs","map","arrayOf","object"],"sources":["../../../src/molecule/scope-tabs/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {has, noop, omit} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport style from './style.css';\n\nconst Tab = ({index, selected, onClick = noop, level}) => {\n  const handleClick = useMemo(() => () => onClick(index), [onClick, index]);\n  const isSelected = selected === index;\n  const bubble = has('status', level) ? (\n    <div className={style.module}>\n      <ModuleBubble {...level} onClick={handleClick} />\n    </div>\n  ) : null;\n\n  return (\n    <li\n      data-name=\"scopeTab\"\n      data-index={index}\n      key={index}\n      onClick={handleClick}\n      className={classnames(style.defaultTab, isSelected ? style.currentTab : null)}\n    >\n      {bubble}\n      <div className={style.name}>{level.name}</div>\n    </li>\n  );\n};\n\nTab.propTypes = {\n  selected: PropTypes.number,\n  index: PropTypes.number,\n  onClick: PropTypes.func,\n  level: PropTypes.shape(omit('onClick', ModuleBubble.propTypes))\n};\n\nconst ScopeTabs = (props, context) => {\n  const {onClick, selected = 0, levels = []} = props;\n\n  return (\n    <ul data-name=\"scopeTabs\" className={style.tabs}>\n      {levels.map((level, index) => (\n        <Tab key={index} index={index} level={level} onClick={onClick} selected={selected} />\n      ))}\n    </ul>\n  );\n};\n\nScopeTabs.propTypes = {\n  selected: PropTypes.number,\n  onClick: PropTypes.func,\n  levels: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ScopeTabs;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,KAAD;EAAQC,QAAR;EAAkBC,OAAO,QAAzB;EAAkCC;AAAlC,CAAD,KAA8C;EACxD,MAAMC,WAAW,GAAGV,OAAO,CAAC,MAAM,MAAMQ,OAAO,CAACF,KAAD,CAApB,EAA6B,CAACE,OAAD,EAAUF,KAAV,CAA7B,CAA3B;EACA,MAAMK,UAAU,GAAGJ,QAAQ,KAAKD,KAAhC;EACA,MAAMM,MAAM,GAAG,KAAI,QAAJ,EAAcH,KAAd,iBACb;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAtB,gBACE,oBAAC,YAAD,eAAkBJ,KAAlB;IAAyB,OAAO,EAAEC;EAAlC,GADF,CADa,GAIX,IAJJ;EAMA,oBACE;IACE,aAAU,UADZ;IAEE,cAAYJ,KAFd;IAGE,GAAG,EAAEA,KAHP;IAIE,OAAO,EAAEI,WAJX;IAKE,SAAS,EAAER,UAAU,CAACE,KAAK,CAACU,UAAP,EAAmBH,UAAU,GAAGP,KAAK,CAACW,UAAT,GAAsB,IAAnD;EALvB,GAOGH,MAPH,eAQE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,GAA6BP,KAAK,CAACO,IAAnC,CARF,CADF;AAYD,CArBD;;AAuBAX,GAAG,CAACY,SAAJ,2CAAgB;EACdV,QAAQ,EAAEN,SAAS,CAACiB,MADN;EAEdZ,KAAK,EAAEL,SAAS,CAACiB,MAFH;EAGdV,OAAO,EAAEP,SAAS,CAACkB,IAHL;EAIdV,KAAK,EAAER,SAAS,CAACmB,KAAV,CAAgB,MAAK,SAAL,EAAgBjB,YAAY,CAACc,SAA7B,CAAhB;AAJO,CAAhB;;AAOA,MAAMI,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACf,OAAD;IAAUD,QAAQ,GAAG,CAArB;IAAwBiB,MAAM,GAAG;EAAjC,IAAuCF,KAA7C;EAEA,oBACE;IAAI,aAAU,WAAd;IAA0B,SAAS,EAAElB,KAAK,CAACqB;EAA3C,GACGD,MAAM,CAACE,GAAP,CAAW,CAACjB,KAAD,EAAQH,KAAR,kBACV,oBAAC,GAAD;IAAK,GAAG,EAAEA,KAAV;IAAiB,KAAK,EAAEA,KAAxB;IAA+B,KAAK,EAAEG,KAAtC;IAA6C,OAAO,EAAED,OAAtD;IAA+D,QAAQ,EAAED;EAAzE,EADD,CADH,CADF;AAOD,CAVD;;AAYAc,SAAS,CAACJ,SAAV,2CAAsB;EACpBV,QAAQ,EAAEN,SAAS,CAACiB,MADA;EAEpBV,OAAO,EAAEP,SAAS,CAACkB,IAFC;EAGpBK,MAAM,EAAEvB,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,MAA5B;AAHY,CAAtB;AAMA,eAAeP,SAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","ModuleBubble","style","Tab","index","selected","onClick","level","handleClick","isSelected","bubble","module","defaultTab","currentTab","name","propTypes","number","func","shape","ScopeTabs","props","context","levels","tabs","map","arrayOf","object"],"sources":["../../../src/molecule/scope-tabs/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {has, noop, omit} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport style from './style.css';\n\nconst Tab = ({index, selected, onClick = noop, level}) => {\n  const handleClick = useMemo(() => () => onClick(index), [onClick, index]);\n  const isSelected = selected === index;\n  const bubble = has('status', level) ? (\n    <div className={style.module}>\n      <ModuleBubble {...level} onClick={handleClick} />\n    </div>\n  ) : null;\n\n  return (\n    <li\n      data-name=\"scopeTab\"\n      data-index={index}\n      key={index}\n      onClick={handleClick}\n      className={classnames(style.defaultTab, isSelected ? style.currentTab : null)}\n    >\n      {bubble}\n      <div className={style.name}>{level.name}</div>\n    </li>\n  );\n};\n\nTab.propTypes = {\n  selected: PropTypes.number,\n  index: PropTypes.number,\n  onClick: PropTypes.func,\n  level: PropTypes.shape(omit('onClick', ModuleBubble.propTypes))\n};\n\nconst ScopeTabs = (props, context) => {\n  const {onClick, selected = 0, levels = []} = props;\n\n  return (\n    <nav>\n      <ul data-name=\"scopeTabs\" className={style.tabs}>\n        {levels.map((level, index) => (\n          <Tab key={index} index={index} level={level} onClick={onClick} selected={selected} />\n        ))}\n      </ul>\n    </nav>\n  );\n};\n\nScopeTabs.propTypes = {\n  selected: PropTypes.number,\n  onClick: PropTypes.func,\n  levels: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ScopeTabs;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,KAAD;EAAQC,QAAR;EAAkBC,OAAO,QAAzB;EAAkCC;AAAlC,CAAD,KAA8C;EACxD,MAAMC,WAAW,GAAGV,OAAO,CAAC,MAAM,MAAMQ,OAAO,CAACF,KAAD,CAApB,EAA6B,CAACE,OAAD,EAAUF,KAAV,CAA7B,CAA3B;EACA,MAAMK,UAAU,GAAGJ,QAAQ,KAAKD,KAAhC;EACA,MAAMM,MAAM,GAAG,KAAI,QAAJ,EAAcH,KAAd,iBACb;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAtB,gBACE,oBAAC,YAAD,eAAkBJ,KAAlB;IAAyB,OAAO,EAAEC;EAAlC,GADF,CADa,GAIX,IAJJ;EAMA,oBACE;IACE,aAAU,UADZ;IAEE,cAAYJ,KAFd;IAGE,GAAG,EAAEA,KAHP;IAIE,OAAO,EAAEI,WAJX;IAKE,SAAS,EAAER,UAAU,CAACE,KAAK,CAACU,UAAP,EAAmBH,UAAU,GAAGP,KAAK,CAACW,UAAT,GAAsB,IAAnD;EALvB,GAOGH,MAPH,eAQE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,GAA6BP,KAAK,CAACO,IAAnC,CARF,CADF;AAYD,CArBD;;AAuBAX,GAAG,CAACY,SAAJ,2CAAgB;EACdV,QAAQ,EAAEN,SAAS,CAACiB,MADN;EAEdZ,KAAK,EAAEL,SAAS,CAACiB,MAFH;EAGdV,OAAO,EAAEP,SAAS,CAACkB,IAHL;EAIdV,KAAK,EAAER,SAAS,CAACmB,KAAV,CAAgB,MAAK,SAAL,EAAgBjB,YAAY,CAACc,SAA7B,CAAhB;AAJO,CAAhB;;AAOA,MAAMI,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACf,OAAD;IAAUD,QAAQ,GAAG,CAArB;IAAwBiB,MAAM,GAAG;EAAjC,IAAuCF,KAA7C;EAEA,oBACE,8CACE;IAAI,aAAU,WAAd;IAA0B,SAAS,EAAElB,KAAK,CAACqB;EAA3C,GACGD,MAAM,CAACE,GAAP,CAAW,CAACjB,KAAD,EAAQH,KAAR,kBACV,oBAAC,GAAD;IAAK,GAAG,EAAEA,KAAV;IAAiB,KAAK,EAAEA,KAAxB;IAA+B,KAAK,EAAEG,KAAtC;IAA6C,OAAO,EAAED,OAAtD;IAA+D,QAAQ,EAAED;EAAzE,EADD,CADH,CADF,CADF;AASD,CAZD;;AAcAc,SAAS,CAACJ,SAAV,2CAAsB;EACpBV,QAAQ,EAAEN,SAAS,CAACiB,MADA;EAEpBV,OAAO,EAAEP,SAAS,CAACkB,IAFC;EAGpBK,MAAM,EAAEvB,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,MAA5B;AAHY,CAAtB;AAMA,eAAeP,SAAf"}

package/es/organism/mooc/image-slider/index.d.ts

@@ -10,7 +10,6 @@ declare namespace ImageSlider {
             subtitle: PropTypes.Requireable<string>;
             light: PropTypes.Requireable<boolean>;
             cta: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -25,7 +24,6 @@ declare namespace ImageSlider {
                 rectangular: PropTypes.Requireable<boolean>;
                 fullWidth: PropTypes.Requireable<boolean>;
                 certificationButton: PropTypes.Requireable<boolean>;
-                useButtonTag: PropTypes.Requireable<boolean>;
             }>>;
             alignment: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;

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

@@ -100,7 +100,7 @@ function MoocFooter(props) {
   };
 
   const sections = !_isEmpty(siteMapSections) ? siteMapSections.map((section, index) => {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("nav", {
       key: index,
       className: style.sectionWrapper
     }, /*#__PURE__*/React.createElement("p", {

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          <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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"}

package/es/organism/mooc-header/index.d.ts

@@ -42,7 +42,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
             }> | null | undefined)[]>;
         }>>;
         links: PropTypes.Requireable<(PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -57,7 +56,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
             rectangular: PropTypes.Requireable<boolean>;
             fullWidth: PropTypes.Requireable<boolean>;
             certificationButton: PropTypes.Requireable<boolean>;
-            useButtonTag: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         user: PropTypes.Requireable<PropTypes.InferProps<{
             picture: PropTypes.Requireable<string>;

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":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}

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

@@ -629,7 +629,7 @@ class MoocHeader extends React.Component {
       style: {
         color: primaryColor
       }
-    }))) : null)), searchFormView, /*#__PURE__*/React.createElement("div", {
+    }))) : null)), searchFormView, /*#__PURE__*/React.createElement("nav", {
       className: isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper,
       "data-name": "menu-wrapper"
     }, pagesView, userView || linksView, settingsView)));