@coorpacademy/components 11.14.13 → 11.14.15-alpha.25

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

@@ -1,73 +1,49 @@
-export default CTA;
-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>;
-        target: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        light: PropTypes.Requireable<boolean>;
-        secondary: PropTypes.Requireable<boolean>;
-        small: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        logout: PropTypes.Requireable<boolean>;
-        rectangular: PropTypes.Requireable<boolean>;
-        fullWidth: PropTypes.Requireable<boolean>;
-        certificationButton: PropTypes.Requireable<boolean>;
+/// <reference types="react" />
+import type { WebContextValues } from '../provider/web-context';
+import type { CTAProps } from './prop-types';
+declare const CTA: {
+    (props: CTAProps, legacyContext: WebContextValues): JSX.Element;
+    propTypes: {
+        'aria-label': import("prop-types").Requireable<string>;
+        submitValue: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        href: import("prop-types").Requireable<string>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        target: import("prop-types").Requireable<string>;
+        name: import("prop-types").Requireable<string>;
+        disabled: import("prop-types").Requireable<boolean>;
+        light: import("prop-types").Requireable<boolean>;
+        secondary: import("prop-types").Requireable<boolean>;
+        small: import("prop-types").Requireable<boolean>;
+        className: import("prop-types").Requireable<string>;
+        logout: import("prop-types").Requireable<boolean>;
+        rectangular: import("prop-types").Requireable<boolean>;
+        fullWidth: import("prop-types").Requireable<boolean>;
+        certificationButton: import("prop-types").Requireable<boolean>;
+        useButtonTag: import("prop-types").Requireable<boolean>;
     };
-    static contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
+    contextTypes: {
+        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+            common: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
-            images: PropTypes.Requireable<PropTypes.InferProps<{
-                'logo-mobile': PropTypes.Requireable<any>;
-                logo: PropTypes.Requireable<any>;
-                'logo-email': PropTypes.Requireable<any>;
-                login: PropTypes.Requireable<any>;
+            images: import("prop-types").Requireable<import("prop-types").InferProps<{
+                'logo-mobile': import("prop-types").Requireable<any>;
+                logo: import("prop-types").Requireable<any>;
+                'logo-email': import("prop-types").Requireable<any>;
+                login: import("prop-types").Requireable<any>;
             }>>;
-            icons: PropTypes.Requireable<{
+            icons: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
-            mod: PropTypes.Requireable<{
+            mod: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
-            courses: PropTypes.Requireable<any[]>;
-            texts: PropTypes.Requireable<{
+            courses: import("prop-types").Requireable<any[]>;
+            texts: import("prop-types").Requireable<{
                 [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";
+};
+export default CTA;
 //# 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;IACE;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAOC;IALC;;MAEC;IAKH,yBAIC;IAED,yBAIC;IAED;;;;;;;;;;;;;;;;;;;;kBAwCC;IAED,sBAkDC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,GAAG;YAAW,QAAQ,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5D,CAAC;AAQF,eAAe,GAAG,CAAC"}

package/es/atom/cta/index.js

@@ -1,50 +1,44 @@
 import _noop from "lodash/fp/noop";
 import _get from "lodash/fp/get";
-import React from 'react';
+import React, { useCallback, useState } from 'react';
 import { convert } from 'css-color-function';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyLogout as LogoutIcon } from '@coorpacademy/nova-icons';
-import Provider from '../provider';
 import Link from '../link';
+import Provider from '../provider';
 import style from './style.css';
+import propTypes from './prop-types';
 
-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 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(() => {
     const color = _get('common.primary', skin);
 
     const grey = _get('common.grey', skin);
@@ -78,64 +72,31 @@ class CTA extends React.Component {
       borderColor: color,
       backgroundColor: color
     };
-  }
-
-  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);
-  }
-
-}
+  }, [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);
+};
 
+CTA.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 CTA.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
-CTA.propTypes = process.env.NODE_ENV !== "production" ? {
-  submitValue: Link.propTypes.children,
-  href: Link.propTypes.href,
-  onClick: Link.propTypes.onClick,
-  target: Link.propTypes.target,
-  name: PropTypes.string,
-  disabled: PropTypes.bool,
-  light: PropTypes.bool,
-  secondary: PropTypes.bool,
-  small: PropTypes.bool,
-  className: PropTypes.string,
-  logout: PropTypes.bool,
-  rectangular: PropTypes.bool,
-  fullWidth: PropTypes.bool,
-  certificationButton: PropTypes.bool
-} : {};
 export default CTA;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","convert","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Link","Provider","style","propTypes","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","contextTypes","childContextTypes"],"sources":["../../../src/atom/cta/index.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport type {WebContextValues} from '../provider/web-context';\nimport Provider from '../provider';\nimport style from './style.css';\nimport propTypes from './prop-types';\nimport type {CTAProps} from './prop-types';\n\nconst CTA = (props: CTAProps, legacyContext: WebContextValues) => {\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 = propTypes;\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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"}

package/es/atom/cta/prop-types.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    'aria-label': PropTypes.Requireable<string>;
+    submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    href: PropTypes.Requireable<string>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    target: PropTypes.Requireable<string>;
+    name: PropTypes.Requireable<string>;
+    disabled: PropTypes.Requireable<boolean>;
+    light: PropTypes.Requireable<boolean>;
+    secondary: PropTypes.Requireable<boolean>;
+    small: PropTypes.Requireable<boolean>;
+    className: PropTypes.Requireable<string>;
+    logout: PropTypes.Requireable<boolean>;
+    rectangular: PropTypes.Requireable<boolean>;
+    fullWidth: PropTypes.Requireable<boolean>;
+    certificationButton: PropTypes.Requireable<boolean>;
+    useButtonTag: PropTypes.Requireable<boolean>;
+};
+export declare type CTAProps = {
+    'aria-label'?: string;
+    submitValue: React.ReactElement;
+    href: string;
+    onClick?: () => void;
+    target: '_self' | '_blank' | '_parent' | '_top';
+    name: string;
+    disabled: boolean;
+    light: boolean;
+    secondary: boolean;
+    small: boolean;
+    className: string;
+    logout: boolean;
+    rectangular: boolean;
+    fullWidth: boolean;
+    certificationButton: boolean;
+    useButtonTag: boolean;
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.d.ts.map

package/es/atom/cta/prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/prop-types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/atom/cta/prop-types.js

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+import Link from '../link';
+const propTypes = {
+  'aria-label': Link.propTypes['aria-label'],
+  submitValue: Link.propTypes.children,
+  href: Link.propTypes.href,
+  onClick: Link.propTypes.onClick,
+  target: Link.propTypes.target,
+  name: PropTypes.string,
+  disabled: PropTypes.bool,
+  light: PropTypes.bool,
+  secondary: PropTypes.bool,
+  small: PropTypes.bool,
+  className: PropTypes.string,
+  logout: PropTypes.bool,
+  rectangular: PropTypes.bool,
+  fullWidth: PropTypes.bool,
+  certificationButton: PropTypes.bool,
+  useButtonTag: Link.propTypes.useButtonTag
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.js.map

package/es/atom/cta/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","names":["PropTypes","Link","propTypes","submitValue","children","href","onClick","target","name","string","disabled","bool","light","secondary","small","className","logout","rectangular","fullWidth","certificationButton","useButtonTag"],"sources":["../../../src/atom/cta/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Link from '../link';\n\nconst 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\nexport type CTAProps = {\n  'aria-label'?: string;\n  submitValue: React.ReactElement;\n  href: string;\n  onClick?: () => void;\n  target: '_self' | '_blank' | '_parent' | '_top';\n  name: string;\n  disabled: boolean;\n  light: boolean;\n  secondary: boolean;\n  small: boolean;\n  className: string;\n  logout: boolean;\n  rectangular: boolean;\n  fullWidth: boolean;\n  certificationButton: boolean;\n  useButtonTag: boolean;\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,IAAI,CAACC,SAAL,CAAe,YAAf,CADE;EAEhBC,WAAW,EAAEF,IAAI,CAACC,SAAL,CAAeE,QAFZ;EAGhBC,IAAI,EAAEJ,IAAI,CAACC,SAAL,CAAeG,IAHL;EAIhBC,OAAO,EAAEL,IAAI,CAACC,SAAL,CAAeI,OAJR;EAKhBC,MAAM,EAAEN,IAAI,CAACC,SAAL,CAAeK,MALP;EAMhBC,IAAI,EAAER,SAAS,CAACS,MANA;EAOhBC,QAAQ,EAAEV,SAAS,CAACW,IAPJ;EAQhBC,KAAK,EAAEZ,SAAS,CAACW,IARD;EAShBE,SAAS,EAAEb,SAAS,CAACW,IATL;EAUhBG,KAAK,EAAEd,SAAS,CAACW,IAVD;EAWhBI,SAAS,EAAEf,SAAS,CAACS,MAXL;EAYhBO,MAAM,EAAEhB,SAAS,CAACW,IAZF;EAahBM,WAAW,EAAEjB,SAAS,CAACW,IAbP;EAchBO,SAAS,EAAElB,SAAS,CAACW,IAdL;EAehBQ,mBAAmB,EAAEnB,SAAS,CAACW,IAff;EAgBhBS,YAAY,EAAEnB,IAAI,CAACC,SAAL,CAAekB;AAhBb,CAAlB;AAsCA,eAAelB,SAAf"}

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

@@ -15,6 +15,7 @@ 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,mEA+EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA0GC"}

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"];
+const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label", "useButtonTag"];
 
 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,7 +25,8 @@ const Link = (props, legacyContext) => {
     skinHover,
     hoverColor = _getOr('#00B0FF', 'common.primary', skin),
     'data-name': dataName = 'link',
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    useButtonTag = false
   } = props,
         linKElementProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -58,24 +59,28 @@ const Link = (props, legacyContext) => {
     }
   }, [download, navigate, onClick]);
 
-  const _style = href || onClick ? null : {
+  const _style = useMemo(() => href || onClick ? null : {
     pointerEvents: 'none'
-  };
+  }, [href, onClick]);
 
-  const _hoverStyle = skinHover && hovered ? {
+  const _hoverStyle = useMemo(() => skinHover && hovered ? {
     color: hoverColor
-  } : null;
+  } : null, [hoverColor, hovered, skinHover]);
 
-  return /*#__PURE__*/React.createElement("a", _extends({}, linKElementProps, {
-    "data-name": dataName,
-    "aria-label": ariaLabel,
+  const _props = useMemo(() => _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)
-  }), children);
+  }), [_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);
 };
 
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -92,6 +97,7 @@ 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","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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"}
+{"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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"}

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

@@ -7,6 +7,7 @@ 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>;
@@ -21,6 +22,7 @@ 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/globals.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'color';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":""}
+{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'color';\ndeclare module 'css-color-function';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":""}

package/es/molecule/course-section/style.css

@@ -33,10 +33,10 @@
     font-family: Gilroy;
     font-size: 16px;
     font-weight: bold;
-    overflow:hidden;
-    white-space:nowrap;
-    display:inline-block;
-    text-overflow:ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    text-overflow: ellipsis;
     width: 100%;
 }
 
@@ -59,5 +59,3 @@
     min-height: 56px;
     min-width: 56px;
 }
-
-

package/es/molecule/draggable/style.css

@@ -13,15 +13,18 @@
   background: transparent;
   margin: 8px 0;
   border-radius: 7px;
-  transform:translate(0,0);
+  transform: translate(0, 0);
   z-index: 0;
 }
-.draggable:hover{
+
+.draggable:hover {
   background: rgba(0, 0, 0, 0.3);
 }
-.draggable:active{
+
+.draggable:active {
   background: transparent;
 }
+
 .draggable:before {
   content: '.';
   position: absolute;
@@ -32,9 +35,10 @@
   font-size: 25px;
   color: medium;
   pointer-events: none;
-  text-shadow: 0 0 medium,    0 5px medium,    0 10px medium,    0 15px medium,
-            5px 0 medium ,   5px 5px medium,  5px 10px medium,  5px 15px medium;
+  text-shadow: 0 0 medium, 0 5px medium, 0 10px medium, 0 15px medium,
+    5px 0 medium, 5px 5px medium, 5px 10px medium, 5px 15px medium;
 }
+
 .dragging {
   background: rgba(0, 0, 0, 0.1);
 }