@coorpacademy/components 11.14.12-alpha.1.0 → 11.14.12-alpha.2.11

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

@@ -0,0 +1,41 @@
+export const __esModule: true;
+export default _default;
+declare function _default(props: any, legacyContext: any): any;
+declare namespace _default {
+    const propTypes: {
+        children: any;
+        className: any;
+        href: any;
+        'data-name': any;
+        'aria-label': any;
+        title: any;
+        target: any;
+        skinHover: any;
+        hoverColor: any;
+        download: any;
+        onClick: any;
+        onMouseEnter: any;
+        onMouseLeave: any;
+        style: any;
+    } | {
+        children?: undefined;
+        className?: undefined;
+        href?: undefined;
+        'data-name'?: undefined;
+        'aria-label'?: undefined;
+        title?: undefined;
+        target?: undefined;
+        skinHover?: undefined;
+        hoverColor?: undefined;
+        download?: undefined;
+        onClick?: undefined;
+        onMouseEnter?: undefined;
+        onMouseLeave?: undefined;
+        style?: undefined;
+    };
+    namespace contextTypes {
+        const skin: any;
+        const history: any;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/atom/link/index.js"],"names":[],"mappings":";;AA+BA,+DAgEC"}

package/es/lib/atom/provider/index.d.ts

@@ -0,0 +1,53 @@
+export const __esModule: true;
+export default _default;
+export function GetSkinFromContext(legacyContext: any): any;
+export function GetTranslateFromContext(legacyContext: any): any;
+declare var _default: typeof Provider;
+declare const Provider_base: any;
+declare class Provider extends Provider_base {
+    [x: string]: any;
+    static getDerivedStateFromProps(props: any): {
+        history: any;
+        skin: any;
+        translate: any;
+    };
+    constructor(props: any, context: any);
+    state: {
+        history: any;
+        skin: any;
+        translate: any;
+        Vimeo: any;
+    };
+    getChildContext(): {
+        history: any;
+        skin: any;
+        translate: any;
+        Vimeo: any;
+    };
+    render(): any;
+}
+declare namespace Provider {
+    namespace childContextTypes {
+        export { historyShape as history };
+        export { skinShape as skin };
+        export { translateShape as translate };
+        export const Vimeo: any;
+    }
+    const propTypes: {
+        history: any;
+        skin: any;
+        translate: any;
+        children: any;
+        Vimeo: any;
+    } | {
+        history?: undefined;
+        skin?: undefined;
+        translate?: undefined;
+        children?: undefined;
+        Vimeo?: undefined;
+    };
+}
+declare const historyShape: any;
+declare const skinShape: any;
+declare const translateShape: any;
+//# sourceMappingURL=index.d.ts.map

package/es/lib/atom/provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/atom/provider/index.js"],"names":[],"mappings":";;AA0IA,4DAKC;AAID,iEAKC;AAGD,sCAAwB;;AA7ExB;;IACE;;;;MAWC;IAED,sCAeC;IANC;;;;;MAKC;IAGH;;;;;MAEC;IAED,cAKC;CAEF;;;;;;;;;;;;;;;;;;;;;;AA/DD,gCAGG;AAEH,6BAYG;AAEH,kCAA+C"}

package/es/lib/atom/provider/web-context.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: true;
+export default _default;
+export function useWebContext(): any;
+declare function _default(_ref: any): any;
+//# sourceMappingURL=web-context.d.ts.map

package/es/lib/atom/provider/web-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../../lib/atom/provider/web-context.js"],"names":[],"mappings":";;AA4BA,qCAQC;AAnBD,0CASC"}

package/es/lib/molecule/quick-access-card/index.d.ts

@@ -0,0 +1,21 @@
+export const __esModule: true;
+export default _default;
+declare function _default(props: any, context: any): any;
+declare namespace _default {
+    const propTypes: {
+        title: any;
+        description: any;
+        href: any;
+        openInNewTab: any;
+        isMoocCard: any;
+        feature: any;
+    } | {
+        title?: undefined;
+        description?: undefined;
+        href?: undefined;
+        openInNewTab?: undefined;
+        isMoocCard?: undefined;
+        feature?: undefined;
+    };
+}
+//# sourceMappingURL=index.d.ts.map

package/es/lib/molecule/quick-access-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/molecule/quick-access-card/index.js"],"names":[],"mappings":";;AA4IA,yDAqEC"}

package/es/lib/util/navigation.d.ts

@@ -0,0 +1,6 @@
+export const __esModule: true;
+export default _default;
+declare function _default(options: any): (() => any) | (({ href }?: {
+    href: any;
+}) => (e: any) => void);
+//# sourceMappingURL=navigation.d.ts.map

package/es/lib/util/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../lib/util/navigation.js"],"names":[],"mappings":";;AAoBA;;wBAmBC"}

package/es/lib/util/proptypes.d.ts

@@ -0,0 +1,8 @@
+export const __esModule: true;
+export const UrlPropType: any;
+export const PathPropType: any;
+export const SrcPropType: any;
+export function ImagePropType(propValue: any, key: any, componentName: any): Error | undefined;
+export const ColorPropType: any;
+export const HexPropType: any;
+//# sourceMappingURL=proptypes.d.ts.map

package/es/lib/util/proptypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proptypes.d.ts","sourceRoot":"","sources":["../../../lib/util/proptypes.js"],"names":[],"mappings":";AAkBA,8BAA6D;AAG7D,+BAA+D;AAG/D,8BAA8E;AAI9E,+FAGC;AAGD,gCAAqC;AAErC,8BAAiC"}

package/es/molecule/expandable-item/index.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
+import { propTypes } from './types';
+import styles from './style.css';
+export const ICONS = {
+  arrow: ArrowIcon
+};
+
+const ExpandableItem = ({
+  icon,
+  title,
+  isExpended,
+  isLink,
+  content,
+  onClick,
+  image
+}) => {
+  const Icon = ICONS[icon];
+  return /*#__PURE__*/React.createElement("div", {
+    className: isExpended ? styles.expendedContainer : styles.container,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.header, isExpended ? styles.expendedHeader : null)
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), Icon ? /*#__PURE__*/React.createElement(Icon, {
+    className: classnames(styles.icon, isExpended ? styles.expendedIcon : null, isLink ? styles.linkIcon : null)
+  }) : null), isExpended ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.content // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }), image ? /*#__PURE__*/React.createElement("img", {
+    className: styles.image,
+    src: image,
+    alt: ''
+  }) : null) : null);
+};
+
+ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ExpandableItem;
+//# sourceMappingURL=index.js.map

package/es/molecule/expandable-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","isLink","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","linkIcon","__html"],"sources":["../../../src/molecule/expandable-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, isLink, content, onClick, image}: Props) => {\n  const Icon = ICONS[icon];\n  return (\n    <div className={isExpended ? styles.expendedContainer : styles.container} onClick={onClick}>\n      <div className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}>\n        <h3 className={styles.title}>{title}</h3>\n        {Icon ? (\n          <Icon\n            className={classnames(\n              styles.icon,\n              isExpended ? styles.expendedIcon : null,\n              isLink ? styles.linkIcon : null\n            )}\n          />\n        ) : null}\n      </div>\n      {isExpended ? (\n        <div>\n          <div\n            className={styles.content} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {image ? <img className={styles.image} src={image} alt={''} /> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nExpandableItem.propTypes = propTypes;\nexport default ExpandableItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AADY,CAAd;;AAIP,MAAMK,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,MAA1B;EAAkCC,OAAlC;EAA2CC,OAA3C;EAAoDC;AAApD,CAAD,KAAuE;EAC5F,MAAMC,IAAI,GAAGV,KAAK,CAACG,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGN,MAAM,CAACY,iBAAV,GAA8BZ,MAAM,CAACa,SAA/D;IAA0E,OAAO,EAAEJ;EAAnF,gBACE;IAAK,SAAS,EAAEb,UAAU,CAACI,MAAM,CAACc,MAAR,EAAgBR,UAAU,GAAGN,MAAM,CAACe,cAAV,GAA2B,IAArD;EAA1B,gBACE;IAAI,SAAS,EAAEf,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,EAEGM,IAAI,gBACH,oBAAC,IAAD;IACE,SAAS,EAAEf,UAAU,CACnBI,MAAM,CAACI,IADY,EAEnBE,UAAU,GAAGN,MAAM,CAACgB,YAAV,GAAyB,IAFhB,EAGnBT,MAAM,GAAGP,MAAM,CAACiB,QAAV,GAAqB,IAHR;EADvB,EADG,GAQD,IAVN,CADF,EAaGX,UAAU,gBACT,8CACE;IACE,SAAS,EAAEN,MAAM,CAACQ,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACU,MAAM,EAAEV;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAEV,MAAM,CAACU,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IArBN,CADF;AAyBD,CA3BD;;AA6BAP,cAAc,CAACJ,SAAf,2CAA2BA,SAA3B;AACA,eAAeI,cAAf"}

package/es/molecule/expandable-item/style.css

@@ -0,0 +1,135 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_600 from colors;
+@value cm_grey_800 from colors;
+@value cm_grey_700 from colors;
+@value white from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 8px;
+  width: 100%;
+  display: flex;
+  height: 72px;
+  justify-content: center;
+}
+
+.header {
+  display: flex;
+  flex-direction: row;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding: 24px;
+  gap: 16px;
+}
+
+.expendedContainer {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.expendedHeader {
+  padding: 24px 24px 0px 24px;
+}
+
+.title {
+  font-family: Gilroy;
+  color: cm_grey_700;
+  margin: 0;
+  font-weight: inherit;
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+  width: 14px;
+  left: 5px;
+  top: 9px;
+  border-radius: 0px;
+  color: cm_grey_500;
+  flex-shrink: 0;
+  min-width: 16px;
+  flex-basis: 16px;
+}
+
+.expendedIcon {
+  transform: rotateZ(180deg);
+}
+
+.linkIcon {
+  transform: rotateZ(270deg);
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  padding: 0px 40px 32px 40px;
+
+}
+
+.image {
+  width: 100%;
+}
+
+.content span{
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_600;
+}
+
+@media mobile {
+  .container {
+    display: flex;
+    flex-direction: column;
+    background: white;
+    gap: 16px;
+    border-radius: 2px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    height: max-content;
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    padding: 12px 40px;
+    height: max-content;
+  }
+}

package/es/molecule/expandable-item/types.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  icon: PropTypes.oneOf(['arrow']),
+  isExpended: PropTypes.bool,
+  isLink: PropTypes.bool,
+  content: PropTypes.string,
+  image: PropTypes.string,
+  onClick: PropTypes.func
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/expandable-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","icon","oneOf","isExpended","bool","isLink","content","image","onClick","func"],"sources":["../../../src/molecule/expandable-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.oneOf(['arrow']),\n  isExpended: PropTypes.bool,\n  isLink: PropTypes.bool,\n  content: PropTypes.string,\n  image: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport type Props = {\n  title: string;\n  icon: 'arrow';\n  isExpended: boolean;\n  content: string;\n  isLink?: boolean;\n  image?: string;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAFiB;EAGvBC,UAAU,EAAEN,SAAS,CAACO,IAHC;EAIvBC,MAAM,EAAER,SAAS,CAACO,IAJK;EAKvBE,OAAO,EAAET,SAAS,CAACG,MALI;EAMvBO,KAAK,EAAEV,SAAS,CAACG,MANM;EAOvBQ,OAAO,EAAEX,SAAS,CAACY;AAPI,CAAlB"}

package/es/molecule/expandable-list/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import ExpandableItem from '../expandable-item';
+import { propTypes } from './types';
+import styles from './style.css';
+
+const ExpandableList = ({
+  items
+}) => {
+  return /*#__PURE__*/React.createElement("ul", {
+    className: styles.list,
+    "data-name": "expandable-item"
+  }, items.map((item, index) => {
+    return /*#__PURE__*/React.createElement("li", {
+      key: `menu-link-item-${index}`,
+      className: styles.item
+    }, /*#__PURE__*/React.createElement(ExpandableItem, item));
+  }));
+};
+
+ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ExpandableList;
+//# sourceMappingURL=index.js.map

package/es/molecule/expandable-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ExpandableItem","propTypes","styles","ExpandableList","items","list","map","item","index"],"sources":["../../../src/molecule/expandable-list/index.tsx"],"sourcesContent":["import React from 'react';\nimport ExpandableItem from '../expandable-item';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ExpandableList = ({items}: Props) => {\n  return (\n    <ul className={styles.list} data-name=\"expandable-item\">\n      {items.map((item, index) => {\n        return (\n          <li key={`menu-link-item-${index}`} className={styles.item}>\n            <ExpandableItem {...item} />\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nExpandableList.propTypes = propTypes;\n\nexport default ExpandableList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACzC,oBACE;IAAI,SAAS,EAAEF,MAAM,CAACG,IAAtB;IAA4B,aAAU;EAAtC,GACGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,oBACE;MAAI,GAAG,EAAG,kBAAiBA,KAAM,EAAjC;MAAoC,SAAS,EAAEN,MAAM,CAACK;IAAtD,gBACE,oBAAC,cAAD,EAAoBA,IAApB,CADF,CADF;EAKD,CANA,CADH,CADF;AAWD,CAZD;;AAcAJ,cAAc,CAACF,SAAf,2CAA2BA,SAA3B;AAEA,eAAeE,cAAf"}

package/es/molecule/expandable-list/style.css

@@ -0,0 +1,20 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_800 from colors;
+
+.list {
+  list-style: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+}

package/es/molecule/expandable-list/types.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+import { propTypes as ItemPropTypes } from '../expandable-item/types';
+export const propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape(ItemPropTypes))
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/expandable-list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","ItemPropTypes","items","arrayOf","shape"],"sources":["../../../src/molecule/expandable-list/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Props as ItemProps, propTypes as ItemPropTypes} from '../expandable-item/types';\n\nexport const propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(ItemPropTypes))\n};\n\nexport type Props = {\n  items: ItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAA4BC,SAAS,IAAIC,aAAzC,QAA6D,0BAA7D;AAEA,OAAO,MAAMD,SAAS,GAAG;EACvBE,KAAK,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBH,aAAhB,CAAlB;AADgB,CAAlB"}

package/es/molecule/hero/index.js

@@ -1,10 +1,10 @@
 import _get from "lodash/fp/get";
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import CardContentInfo, { MODES } from '../card-content';
+import { propTypes } from './types';
 import style from './style.css';
 
 const Hero = (props, context) => {
@@ -17,7 +17,9 @@ const Hero = (props, context) => {
     author,
     progress,
     onClick,
-    submitValue
+    submitValue,
+    description,
+    mode = MODES.HERO
   } = props;
 
   const primaryColor = _get('common.primary', skin);
@@ -35,12 +37,18 @@ const Hero = (props, context) => {
       backgroundColor: primaryColor,
       backgroundImage: image ? `url('${image}')` : 'none'
     }
-  })), /*#__PURE__*/React.createElement(CardContentInfo, {
+  })), mode === MODES.HERO ? /*#__PURE__*/React.createElement(CardContentInfo, {
     mode: MODES.HERO,
     author: author,
     progress: progress,
     title: title
-  }), /*#__PURE__*/React.createElement("div", {
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: style.infoWrapper
+  }, /*#__PURE__*/React.createElement("h1", {
+    className: style.title
+  }, title), /*#__PURE__*/React.createElement("p", {
+    className: style.description
+  }, description)), mode === MODES.HERO ? /*#__PURE__*/React.createElement("div", {
     className: style.heroButtonWrapper
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
@@ -51,19 +59,12 @@ const Hero = (props, context) => {
     style: {
       backgroundColor: primaryColor
     }
-  })));
+  })) : null);
 };
 
 Hero.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
-Hero.propTypes = process.env.NODE_ENV !== "production" ? {
-  image: PropTypes.string,
-  title: CardContentInfo.propTypes.title,
-  author: CardContentInfo.propTypes.author,
-  progress: CardContentInfo.propTypes.progress,
-  onClick: Button.propTypes.onClick,
-  submitValue: Button.propTypes.submitValue
-} : {};
+Hero.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default Hero;
 //# sourceMappingURL=index.js.map

package/es/molecule/hero/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","HERO","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {image, title, author, progress, onClick, submitValue} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      <div className={style.heroButtonWrapper}>\n        <Button\n          type=\"link\"\n          data-name=\"hero-button\"\n          onClick={onClick}\n          submitValue={submitValue}\n          className={style.heroButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC,MAAf;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC;EAA1C,IAAyDR,KAA/D;;EAEA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBP,IAAtB,CAArB;;EACA,MAAMQ,SAAS,GAAGjB,UAAU,CAACK,KAAK,CAACa,IAAP,EAAaP,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACc,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACe;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEf,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLW,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEZ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,oBAAC,eAAD;IAAiB,IAAI,EAAEN,KAAK,CAACmB,IAA7B;IAAmC,MAAM,EAAEX,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEV,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACoB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACoB,YAAL,GAAoB;EAClBjB,IAAI,EAAER,QAAQ,CAAC0B,iBAAT,CAA2BlB;AADf,CAApB;AAIAH,IAAI,CAACsB,SAAL,2CAAiB;EACflB,KAAK,EAAEX,SAAS,CAAC8B,MADF;EAEflB,KAAK,EAAER,eAAe,CAACyB,SAAhB,CAA0BjB,KAFlB;EAGfC,MAAM,EAAET,eAAe,CAACyB,SAAhB,CAA0BhB,MAHnB;EAIfC,QAAQ,EAAEV,eAAe,CAACyB,SAAhB,CAA0Bf,QAJrB;EAKfC,OAAO,EAAEZ,MAAM,CAAC0B,SAAP,CAAiBd,OALX;EAMfC,WAAW,EAAEb,MAAM,CAAC0B,SAAP,CAAiBb;AANf,CAAjB;AASA,eAAeT,IAAf"}
+{"version":3,"file":"index.js","names":["React","classnames","Provider","Button","CardContentInfo","MODES","propTypes","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","HERO","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","childContextTypes"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\n  const {skin} = context;\n  const {\n    image,\n    title,\n    author,\n    progress,\n    onClick,\n    submitValue,\n    description,\n    mode = MODES.HERO\n  } = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      {mode === MODES.HERO ? (\n        <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      ) : (\n        <div className={style.infoWrapper}>\n          <h1 className={style.title}>{title}</h1>\n          <p className={style.description}>{description}</p>\n        </div>\n      )}\n      {mode === MODES.HERO ? (\n        <div className={style.heroButtonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"hero-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.heroButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = propTypes;\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AAEA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAeC,OAAf,KAA6C;EACxD,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJE,KADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,QAJI;IAKJC,OALI;IAMJC,WANI;IAOJC,WAPI;IAQJC,IAAI,GAAGd,KAAK,CAACe;EART,IASFX,KATJ;;EAWA,MAAMY,YAAY,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAArB;;EACA,MAAMW,SAAS,GAAGrB,UAAU,CAACM,KAAK,CAACgB,IAAP,EAAaV,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACiB,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAElB,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLc,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEf,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKd,KAAK,CAACe,IAAf,gBACC,oBAAC,eAAD;IAAiB,IAAI,EAAEf,KAAK,CAACe,IAA7B;IAAmC,MAAM,EAAEN,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEN,KAAK,CAACqB;EAAtB,gBACE;IAAI,SAAS,EAAErB,KAAK,CAACM;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEN,KAAK,CAACW;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKd,KAAK,CAACe,IAAf,gBACC;IAAK,SAAS,EAAEb,KAAK,CAACsB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACuB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAb,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAET,QAAQ,CAAC8B,iBAAT,CAA2BrB;AADf,CAApB;AAIAH,IAAI,CAACF,SAAL,2CAAiBA,SAAjB;AAEA,eAAeE,IAAf"}

package/es/molecule/hero/style.css

@@ -156,3 +156,45 @@
     opacity: 0;
   }
 }
+
+.infoWrapper {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  justify-content: center;
+  padding: 0 40px;
+  width: 100%;
+  box-sizing: border-box;
+  color: white;
+  align-self: center;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 36px;
+  letter-spacing: 0px;
+  text-align: center;  
+  overflow: hidden;
+  user-select: none;
+  margin: 0;
+  align-self: center;
+}
+
+.description {
+  text-align: center;
+  margin-top: 12px;
+  font-size: 18px;
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0px;
+  overflow: hidden;
+  user-select: none;
+  max-width: 650px;
+  padding: 0;
+  margin: 0;
+  align-self: center;
+}

package/es/molecule/hero/types.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+import CardContentInfo from '../card-content';
+import Button from '../../atom/button';
+export const propTypes = {
+  image: PropTypes.string,
+  mode: PropTypes.string,
+  description: PropTypes.string,
+  title: CardContentInfo.propTypes.title,
+  author: CardContentInfo.propTypes.author,
+  progress: CardContentInfo.propTypes.progress,
+  onClick: Button.propTypes.onClick,
+  submitValue: Button.propTypes.submitValue
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/hero/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","CardContentInfo","Button","propTypes","image","string","mode","description","title","author","progress","onClick","submitValue"],"sources":["../../../src/molecule/hero/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CardContentInfo from '../card-content';\nimport Button from '../../atom/button';\n\nexport const propTypes = {\n  image: PropTypes.string,\n  mode: PropTypes.string,\n  description: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport type Props = {\n  image?: string;\n  mode?: string;\n  description?: string;\n  title?: string;\n  author?: string;\n  progress?: number;\n  onClick?: () => void;\n  submitValue?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,eAAP,MAA4B,iBAA5B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEJ,SAAS,CAACK,MADM;EAEvBC,IAAI,EAAEN,SAAS,CAACK,MAFO;EAGvBE,WAAW,EAAEP,SAAS,CAACK,MAHA;EAIvBG,KAAK,EAAEP,eAAe,CAACE,SAAhB,CAA0BK,KAJV;EAKvBC,MAAM,EAAER,eAAe,CAACE,SAAhB,CAA0BM,MALX;EAMvBC,QAAQ,EAAET,eAAe,CAACE,SAAhB,CAA0BO,QANb;EAOvBC,OAAO,EAAET,MAAM,CAACC,SAAP,CAAiBQ,OAPH;EAQvBC,WAAW,EAAEV,MAAM,CAACC,SAAP,CAAiBS;AARP,CAAlB"}

package/es/molecule/menu-links/index.js

@@ -0,0 +1,70 @@
+import _slice from "lodash/fp/slice";
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowIcon, NovaLinePhoneMobilePhone as MobilePhone, NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark, NovaLineNetworkNetworkAlert as NetworkAlert, NovaLineObjectsBinoculars1 as Binoculaire, NovaLineContentEditionContentBook as ContentBook } from '@coorpacademy/nova-icons';
+import { propTypes } from './types';
+import styles from './style.css';
+const ICONS = {
+  mobilePhone: MobilePhone,
+  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,
+  networkAlert: NetworkAlert,
+  binoculaire: Binoculaire,
+  contentBook: ContentBook
+};
+
+const MenuLinks = ({
+  items,
+  title,
+  showMoreItem,
+  numberOfDisplayedItems,
+  isDesktopMode
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const itemsToDisplay = isDesktopMode || isOpen ? items : _slice(0, numberOfDisplayedItems, items);
+
+  const handleOnclickShowMore = () => setIsOpen(!isOpen);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("ul", {
+    className: styles.list,
+    "data-name": "menu-links"
+  }, itemsToDisplay.map((item, index) => {
+    const {
+      handleOnclick
+    } = item;
+    const Icon = item.icon ? ICONS[item.icon] : null;
+    return /*#__PURE__*/React.createElement("li", {
+      onClick: handleOnclick,
+      key: `menu-link-item-${index}`,
+      className: styles.item
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.flexContainer
+    }, Icon ? /*#__PURE__*/React.createElement(Icon, {
+      className: classnames(styles.icon, item.isSelected ? styles.selectedIcon : null)
+    }) : null, /*#__PURE__*/React.createElement("div", {
+      className: styles.flexContainer
+    }, /*#__PURE__*/React.createElement("span", {
+      className: item.isSelected ? styles.selectedItem : undefined
+    }, item.text), Icon ? /*#__PURE__*/React.createElement(ArrowIcon, {
+      className: classnames(styles.arrowIcon, item.isSelected ? styles.selectedIcon : null)
+    }) : null)));
+  }), !isDesktopMode ? /*#__PURE__*/React.createElement("li", {
+    // eslint-disable-next-line react/jsx-no-bind
+    onClick: handleOnclickShowMore,
+    key: `menu-link-item-show-more`,
+    className: classnames(styles.showMoreItem, styles.item)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.border
+  }), /*#__PURE__*/React.createElement("span", null, isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText, /*#__PURE__*/React.createElement(ArrowIcon, {
+    className: isOpen ? styles.showLessIcon : styles.showMoreIcon
+  }))) : null));
+};
+
+MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default MenuLinks;
+//# sourceMappingURL=index.js.map