@coorpacademy/components 11.15.2 → 11.15.3

package/lib/molecule/hero/index.d.ts

@@ -1,37 +1,41 @@
-export default Hero;
-declare function Hero(props: any, context: any): JSX.Element;
-declare namespace Hero {
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
+/// <reference types="react" />
+import { WebContextValues } from '../../atom/provider/web-context';
+import { Props } from './types';
+declare const Hero: {
+    (props: Props, context: WebContextValues): JSX.Element;
+    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;
             }>;
         }>>;
-    }
-    namespace propTypes {
-        const image: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const author: PropTypes.Requireable<string>;
-        const progress: PropTypes.Requireable<number>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const submitValue: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
+    };
+    propTypes: {
+        image: import("prop-types").Requireable<string>;
+        mode: import("prop-types").Requireable<string>;
+        description: import("prop-types").Requireable<string>;
+        title: import("prop-types").Requireable<string>;
+        author: import("prop-types").Requireable<string>;
+        progress: import("prop-types").Requireable<number>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        submitValue: import("prop-types").Requireable<string>;
+    };
+};
+export default Hero;
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/hero/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.js"],"names":[],"mappings":";AASA,6DAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,IAAI;YAAW,KAAK,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDpD,CAAC;AAQF,eAAe,IAAI,CAAC"}

package/lib/molecule/hero/index.js

@@ -7,8 +7,6 @@ var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _provider = _interopRequireDefault(require("../../atom/provider"));
@@ -17,6 +15,8 @@ var _button = _interopRequireDefault(require("../../atom/button"));
 
 var _cardContent = _interopRequireWildcard(require("../card-content"));
 
+var _types = require("./types");
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,7 +35,9 @@ const Hero = (props, context) => {
     author,
     progress,
     onClick,
-    submitValue
+    submitValue,
+    description,
+    mode = _cardContent.MODES.HERO
   } = props;
   const primaryColor = (0, _get2.default)('common.primary', skin);
   const cardStyle = (0, _classnames.default)(_style.default.hero, title ? null : _style.default.lazy);
@@ -51,12 +53,18 @@ const Hero = (props, context) => {
       backgroundColor: primaryColor,
       backgroundImage: image ? `url('${image}')` : 'none'
     }
-  })), /*#__PURE__*/_react.default.createElement(_cardContent.default, {
+  })), mode === _cardContent.MODES.HERO ? /*#__PURE__*/_react.default.createElement(_cardContent.default, {
     mode: _cardContent.MODES.HERO,
     author: author,
     progress: progress,
     title: title
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.infoWrapper
+  }, /*#__PURE__*/_react.default.createElement("h1", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.description
+  }, description)), mode === _cardContent.MODES.HERO ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.heroButtonWrapper
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "link",
@@ -67,20 +75,13 @@ const Hero = (props, context) => {
     style: {
       backgroundColor: primaryColor
     }
-  })));
+  })) : null);
 };
 
 Hero.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-Hero.propTypes = process.env.NODE_ENV !== "production" ? {
-  image: _propTypes.default.string,
-  title: _cardContent.default.propTypes.title,
-  author: _cardContent.default.propTypes.author,
-  progress: _cardContent.default.propTypes.progress,
-  onClick: _button.default.propTypes.onClick,
-  submitValue: _button.default.propTypes.submitValue
-} : {};
+Hero.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
 var _default = Hero;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","classnames","style","hero","lazy","imageWrapper","backgroundColor","backgroundImage","MODES","HERO","heroButtonWrapper","heroButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","CardContentInfo","Button"],"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;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,mBAAI,gBAAJ,EAAsBP,IAAtB,CAArB;EACA,MAAMQ,SAAS,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBT,KAAK,GAAG,IAAH,GAAUQ,cAAA,CAAME,IAA5C,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEJ,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEH,cAAA,CAAMT,KAFnB;IAGE,KAAK,EAAE;MACLa,eAAe,EAAEP,YADZ;MAELQ,eAAe,EAAEd,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,6BAAC,oBAAD;IAAiB,IAAI,EAAEe,kBAAA,CAAMC,IAA7B;IAAmC,MAAM,EAAEd,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEQ,cAAA,CAAMQ;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEI,cAAA,CAAMS,UALnB;IAME,KAAK,EAAE;MAACL,eAAe,EAAEP;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAEqB,iBAAA,CAASC,iBAAT,CAA2BtB;AADf,CAApB;AAIAH,IAAI,CAAC0B,SAAL,2CAAiB;EACftB,KAAK,EAAEuB,kBAAA,CAAUC,MADF;EAEfvB,KAAK,EAAEwB,oBAAA,CAAgBH,SAAhB,CAA0BrB,KAFlB;EAGfC,MAAM,EAAEuB,oBAAA,CAAgBH,SAAhB,CAA0BpB,MAHnB;EAIfC,QAAQ,EAAEsB,oBAAA,CAAgBH,SAAhB,CAA0BnB,QAJrB;EAKfC,OAAO,EAAEsB,eAAA,CAAOJ,SAAP,CAAiBlB,OALX;EAMfC,WAAW,EAAEqB,eAAA,CAAOJ,SAAP,CAAiBjB;AANf,CAAjB;eASeT,I"}
+{"version":3,"file":"index.js","names":["Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","MODES","HERO","primaryColor","cardStyle","classnames","style","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","Provider","childContextTypes","propTypes"],"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;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,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,GAAGC,kBAAA,CAAMC;EART,IASFZ,KATJ;EAWA,MAAMa,YAAY,GAAG,mBAAI,gBAAJ,EAAsBX,IAAtB,CAArB;EACA,MAAMY,SAAS,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBb,KAAK,GAAG,IAAH,GAAUY,cAAA,CAAME,IAA5C,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEJ,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEH,cAAA,CAAMb,KAFnB;IAGE,KAAK,EAAE;MACLiB,eAAe,EAAEP,YADZ;MAELQ,eAAe,EAAElB,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKC,kBAAA,CAAMC,IAAf,gBACC,6BAAC,oBAAD;IAAiB,IAAI,EAAED,kBAAA,CAAMC,IAA7B;IAAmC,MAAM,EAAEP,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEY,cAAA,CAAMM;EAAtB,gBACE;IAAI,SAAS,EAAEN,cAAA,CAAMZ;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEY,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKC,kBAAA,CAAMC,IAAf,gBACC;IAAK,SAAS,EAAEI,cAAA,CAAMO;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEhB,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEQ,cAAA,CAAMQ,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEP;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAd,IAAI,CAAC0B,YAAL,GAAoB;EAClBvB,IAAI,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AADf,CAApB;AAIAH,IAAI,CAAC6B,SAAL,2CAAiBA,gBAAjB;eAEe7B,I"}

package/lib/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/lib/molecule/hero/types.d.ts

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    image: PropTypes.Requireable<string>;
+    mode: PropTypes.Requireable<string>;
+    description: PropTypes.Requireable<string>;
+    title: PropTypes.Requireable<string>;
+    author: PropTypes.Requireable<string>;
+    progress: PropTypes.Requireable<number>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    submitValue: PropTypes.Requireable<string>;
+};
+export declare type Props = {
+    image?: string;
+    mode?: string;
+    description?: string;
+    title?: string;
+    author?: string;
+    progress?: number;
+    onClick?: () => void;
+    submitValue?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/molecule/hero/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/lib/molecule/hero/types.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _cardContent = _interopRequireDefault(require("../card-content"));
+
+var _button = _interopRequireDefault(require("../../atom/button"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  image: _propTypes.default.string,
+  mode: _propTypes.default.string,
+  description: _propTypes.default.string,
+  title: _cardContent.default.propTypes.title,
+  author: _cardContent.default.propTypes.author,
+  progress: _cardContent.default.propTypes.progress,
+  onClick: _button.default.propTypes.onClick,
+  submitValue: _button.default.propTypes.submitValue
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","image","PropTypes","string","mode","description","title","CardContentInfo","author","progress","onClick","Button","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;;AACA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,IAAI,EAAEF,kBAAA,CAAUC,MAFO;EAGvBE,WAAW,EAAEH,kBAAA,CAAUC,MAHA;EAIvBG,KAAK,EAAEC,oBAAA,CAAgBP,SAAhB,CAA0BM,KAJV;EAKvBE,MAAM,EAAED,oBAAA,CAAgBP,SAAhB,CAA0BQ,MALX;EAMvBC,QAAQ,EAAEF,oBAAA,CAAgBP,SAAhB,CAA0BS,QANb;EAOvBC,OAAO,EAAEC,eAAA,CAAOX,SAAP,CAAiBU,OAPH;EAQvBE,WAAW,EAAED,eAAA,CAAOX,SAAP,CAAiBY;AARP,CAAlB"}

package/lib/molecule/menu-links/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const MenuLinks: {
+    ({ items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode, withScroll }: Props): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        numberOfDisplayedItems: import("prop-types").Requireable<number>;
+        isDesktopMode: import("prop-types").Requireable<boolean>;
+        withScroll: import("prop-types").Requireable<boolean>;
+        showMoreItem: import("prop-types").Requireable<import("prop-types").InferProps<{
+            showMoreText: import("prop-types").Requireable<string>;
+            showLessText: import("prop-types").Requireable<string>;
+            isSelected: import("prop-types").Requireable<boolean>;
+        }>>;
+        items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            text: import("prop-types").Requireable<string>;
+            isSelected: import("prop-types").Requireable<boolean>;
+            handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+    };
+};
+export default MenuLinks;
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/menu-links/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAWzC,QAAA,MAAM,SAAS;wFAOZ,KAAK;;;;;;;;;;;;;;;;;CAsEP,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,95 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _slice2 = _interopRequireDefault(require("lodash/fp/slice"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _types = require("./types");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ICONS = {
+  mobilePhone: _novaIcons.NovaLinePhoneMobilePhone,
+  chatBubbleCircleQuestionMark: _novaIcons.NovaLineMessagesChatChatBubbleCircleQuestionMark,
+  networkAlert: _novaIcons.NovaLineNetworkNetworkAlert,
+  binoculaire: _novaIcons.NovaLineObjectsBinoculars,
+  contentBook: _novaIcons.NovaLineContentEditionContentBook
+};
+
+const MenuLinks = ({
+  items,
+  title,
+  showMoreItem,
+  numberOfDisplayedItems,
+  isDesktopMode,
+  withScroll = false
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const itemsToDisplay = isDesktopMode || isOpen ? items : (0, _slice2.default)(0, numberOfDisplayedItems, items);
+
+  const handleOnclickShowMore = () => setIsOpen(!isOpen);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("h2", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "data-name": "menu-links"
+  }, itemsToDisplay.map((item, index) => {
+    const {
+      handleOnclick
+    } = item;
+    const Icon = item.icon ? ICONS[item.icon] : null;
+
+    const Item = /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.flexContainer
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: item.isSelected ? _style.default.selectedItem : undefined
+    }, item.text), Icon ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+      className: (0, _classnames.default)(_style.default.arrowIcon, item.isSelected ? _style.default.selectedIcon : null)
+    }) : null);
+
+    return /*#__PURE__*/_react.default.createElement("li", {
+      onClick: handleOnclick,
+      key: `menu-link-item-${index}`,
+      className: _style.default.item
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(_style.default.border, item.isSelected ? _style.default.selectedBorder : null)
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.flexContainer
+    }, Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
+      className: (0, _classnames.default)(_style.default.icon, item.isSelected ? _style.default.selectedIcon : null)
+    }) : null, withScroll ? /*#__PURE__*/_react.default.createElement("a", {
+      className: _style.default.link,
+      href: `#menu-link-item-${index}`
+    }, Item) : Item));
+  }), !isDesktopMode ? /*#__PURE__*/_react.default.createElement("li", {
+    // eslint-disable-next-line react/jsx-no-bind
+    onClick: handleOnclickShowMore,
+    key: `menu-link-item-show-more`,
+    className: (0, _classnames.default)(_style.default.showMoreItem, _style.default.item)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.border
+  }), /*#__PURE__*/_react.default.createElement("span", null, isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+    className: isOpen ? _style.default.showLessIcon : _style.default.showMoreIcon
+  }))) : null));
+};
+
+MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = MenuLinks;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/menu-links/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ICONS","mobilePhone","MobilePhone","chatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","networkAlert","NetworkAlert","binoculaire","Binoculaire","contentBook","ContentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","withScroll","isOpen","setIsOpen","useState","itemsToDisplay","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","Icon","icon","Item","flexContainer","isSelected","selectedItem","undefined","text","classnames","arrowIcon","selectedIcon","border","selectedBorder","link","showLessText","showMoreText","showLessIcon","showMoreIcon","propTypes"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ICONS = {\n  mobilePhone: MobilePhone,\n  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,\n  networkAlert: NetworkAlert,\n  binoculaire: Binoculaire,\n  contentBook: ContentBook\n};\n\nconst MenuLinks = ({\n  items,\n  title,\n  showMoreItem,\n  numberOfDisplayedItems,\n  isDesktopMode,\n  withScroll = false\n}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const itemsToDisplay = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n  const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n  return (\n    <div className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {itemsToDisplay.map((item, index) => {\n          const {handleOnclick} = item;\n          const Icon = item.icon ? ICONS[item.icon] : null;\n          const Item = (\n            <div className={styles.flexContainer}>\n              <span className={item.isSelected ? styles.selectedItem : undefined}>{item.text}</span>\n              {Icon ? (\n                <ArrowIcon\n                  className={classnames(\n                    styles.arrowIcon,\n                    item.isSelected ? styles.selectedIcon : null\n                  )}\n                />\n              ) : null}\n            </div>\n          );\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div\n                className={classnames(\n                  styles.border,\n                  item.isSelected ? styles.selectedBorder : null\n                )}\n              />\n              <div className={styles.flexContainer}>\n                {Icon ? (\n                  <Icon\n                    className={classnames(\n                      styles.icon,\n                      item.isSelected ? styles.selectedIcon : null\n                    )}\n                  />\n                ) : null}\n                {withScroll ? (\n                  <a className={styles.link} href={`#menu-link-item-${index}`}>\n                    {Item}\n                  </a>\n                ) : (\n                  Item\n                )}\n              </div>\n            </li>\n          );\n        })}\n        {!isDesktopMode ? (\n          <li\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={handleOnclickShowMore}\n            key={`menu-link-item-show-more`}\n            className={classnames(styles.showMoreItem, styles.item)}\n          >\n            <div className={styles.border} />\n            <span>\n              {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n              <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n            </span>\n          </li>\n        ) : null}\n      </ul>\n    </div>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"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"}

package/lib/molecule/menu-links/style.css

@@ -0,0 +1,166 @@
+@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_700 from colors;
+@value cm_grey_800 from colors;
+@value white from colors;
+
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 24px 24px 8px 0px;
+  gap: 24px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+}
+
+.link {
+  text-decoration: none;
+  color: cm_grey_700;
+}
+
+.title {
+  padding: 0px 0px 0px 24px;
+  margin: 0;
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 22px;
+  order: 0;
+  flex-grow: 0;
+  z-index: 0;
+  color: cm_grey_500;
+}
+
+.list {
+  list-style: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  gap: 28px;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.flexContainer span {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.flexContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.border {
+  width: 4px;
+  font-weight: inherit;
+  background-color: white;
+  flex-shrink: 0;
+  min-width: 4px;
+  flex-basis: 4px;
+}
+
+.icon {
+  width: 20px;
+  height: 20px;
+  color: #000;
+  margin-right: 12px;
+}
+
+.arrowIcon{
+  width: 12px;
+  min-width: 12px;
+  height: 12px;
+  margin-left: 10px;
+  transform: rotateZ(270deg);
+}
+
+.selectedBorder {
+  background-color: cm_primary_blue;
+}
+
+.showMoreItem {
+  display: none;
+}
+
+.selectedItem {
+  color: cm_primary_blue;
+  font-weight: 600;
+}
+
+.selectedIcon {
+  color: cm_primary_blue;
+}
+.item:hover{
+  text-decoration: underline;
+}
+
+.selectedItem:hover {
+  text-decoration-color: cm_primary_blue!important;
+  color: cm_primary_blue;
+}
+.showMoreIcon {
+  width: 12px;
+  height: 8px;
+  margin-left: 8px;
+}
+
+.showLessIcon {
+  width: 12px;
+  height: 8px;
+  margin-left: 8px;
+  transform: rotateZ(180deg);
+}
+
+@media tablet {
+  .showMoreItem {
+    font-family: 'Gilroy';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 20px;
+    color: cm_grey_700;
+    margin: 0;
+    display: block;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 16px;
+  }
+}
+
+@media mobile {
+  .showMoreItem {
+    font-family: 'Gilroy';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 20px;
+    color: cm_grey_700;
+    margin: 0;
+    display: block;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 16px;
+  }
+}

package/lib/molecule/menu-links/types.d.ts

@@ -0,0 +1,37 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    numberOfDisplayedItems: PropTypes.Requireable<number>;
+    isDesktopMode: PropTypes.Requireable<boolean>;
+    withScroll: PropTypes.Requireable<boolean>;
+    showMoreItem: PropTypes.Requireable<PropTypes.InferProps<{
+        showMoreText: PropTypes.Requireable<string>;
+        showLessText: PropTypes.Requireable<string>;
+        isSelected: PropTypes.Requireable<boolean>;
+    }>>;
+    items: PropTypes.Requireable<(PropTypes.InferProps<{
+        text: PropTypes.Requireable<string>;
+        isSelected: PropTypes.Requireable<boolean>;
+        handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+    }> | null | undefined)[]>;
+};
+export declare type Item = {
+    text: string;
+    isSelected?: boolean;
+    handleOnclick: () => void;
+    icon?: IconsType;
+};
+export declare type ShowMoreItem = {
+    showMoreText: string;
+    showLessText: string;
+};
+export declare type IconsType = 'mobilePhone' | 'chatBubbleCircleQuestionMark' | 'networkAlert' | 'binoculaire' | 'contentBook';
+export declare type Props = {
+    title: string;
+    isDesktopMode: boolean;
+    withScroll?: boolean;
+    showMoreItem: ShowMoreItem;
+    numberOfDisplayedItems: number;
+    items: Item[];
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/molecule/menu-links/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAiBrB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GACjB,aAAa,GACb,8BAA8B,GAC9B,cAAc,GACd,aAAa,GACb,aAAa,CAAC;AAElB,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC"}

package/lib/molecule/menu-links/types.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  title: _propTypes.default.string,
+  numberOfDisplayedItems: _propTypes.default.number,
+  isDesktopMode: _propTypes.default.bool,
+  withScroll: _propTypes.default.bool,
+  showMoreItem: _propTypes.default.shape({
+    showMoreText: _propTypes.default.string,
+    showLessText: _propTypes.default.string,
+    isSelected: _propTypes.default.bool
+  }),
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    text: _propTypes.default.string,
+    isSelected: _propTypes.default.bool,
+    handleOnclick: _propTypes.default.func
+  }))
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/molecule/menu-links/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","numberOfDisplayedItems","number","isDesktopMode","bool","withScroll","showMoreItem","shape","showMoreText","showLessText","isSelected","items","arrayOf","text","handleOnclick","func"],"sources":["../../../src/molecule/menu-links/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  numberOfDisplayedItems: PropTypes.number,\n  isDesktopMode: PropTypes.bool,\n  withScroll: PropTypes.bool,\n  showMoreItem: PropTypes.shape({\n    showMoreText: PropTypes.string,\n    showLessText: PropTypes.string,\n    isSelected: PropTypes.bool\n  }),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      isSelected: PropTypes.bool,\n      handleOnclick: PropTypes.func\n    })\n  )\n};\n\nexport type Item = {\n  text: string;\n  isSelected?: boolean;\n  handleOnclick: () => void;\n  icon?: IconsType;\n};\n\nexport type ShowMoreItem = {\n  showMoreText: string;\n  showLessText: string;\n};\n\nexport type IconsType =\n  | 'mobilePhone'\n  | 'chatBubbleCircleQuestionMark'\n  | 'networkAlert'\n  | 'binoculaire'\n  | 'contentBook';\n\nexport type Props = {\n  title: string;\n  isDesktopMode: boolean;\n  withScroll?: boolean;\n  showMoreItem: ShowMoreItem;\n  numberOfDisplayedItems: number;\n  items: Item[];\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,sBAAsB,EAAEF,kBAAA,CAAUG,MAFX;EAGvBC,aAAa,EAAEJ,kBAAA,CAAUK,IAHF;EAIvBC,UAAU,EAAEN,kBAAA,CAAUK,IAJC;EAKvBE,YAAY,EAAEP,kBAAA,CAAUQ,KAAV,CAAgB;IAC5BC,YAAY,EAAET,kBAAA,CAAUC,MADI;IAE5BS,YAAY,EAAEV,kBAAA,CAAUC,MAFI;IAG5BU,UAAU,EAAEX,kBAAA,CAAUK;EAHM,CAAhB,CALS;EAUvBO,KAAK,EAAEZ,kBAAA,CAAUa,OAAV,CACLb,kBAAA,CAAUQ,KAAV,CAAgB;IACdM,IAAI,EAAEd,kBAAA,CAAUC,MADF;IAEdU,UAAU,EAAEX,kBAAA,CAAUK,IAFR;IAGdU,aAAa,EAAEf,kBAAA,CAAUgB;EAHX,CAAhB,CADK;AAVgB,CAAlB"}