@coorpacademy/components 11.12.3-alpha.16 → 11.12.3-alpha.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/molecule/expandable-item/index.d.ts.map +1 -1
- package/es/molecule/expandable-item/index.js +3 -1
- package/es/molecule/expandable-item/index.js.map +1 -1
- package/es/molecule/menu-links/index.d.ts.map +1 -1
- package/es/molecule/menu-links/index.js +4 -5
- package/es/molecule/menu-links/index.js.map +1 -1
- package/es/molecule/menu-links/style.css +5 -0
- package/lib/molecule/expandable-item/index.d.ts.map +1 -1
- package/lib/molecule/expandable-item/index.js +4 -1
- package/lib/molecule/expandable-item/index.js.map +1 -1
- package/lib/molecule/menu-links/index.d.ts.map +1 -1
- package/lib/molecule/menu-links/index.js +5 -5
- package/lib/molecule/menu-links/index.js.map +1 -1
- package/lib/molecule/menu-links/style.css +5 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;2DAAwD,KAAK;;;;;;;;;CAyBhF,CAAC;AAGF,eAAe,cAAc,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _kebabCase from "lodash/fp/kebabCase";
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import classnames from 'classnames';
|
|
3
4
|
import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
|
|
@@ -18,7 +19,8 @@ const ExpandableItem = ({
|
|
|
18
19
|
const Icon = ICONS[icon];
|
|
19
20
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
21
|
className: isExpended ? styles.expendedContainer : styles.container,
|
|
21
|
-
onClick: onClick
|
|
22
|
+
onClick: onClick,
|
|
23
|
+
id: _kebabCase(title)
|
|
22
24
|
}, /*#__PURE__*/React.createElement("div", {
|
|
23
25
|
className: classnames(styles.header, isExpended ? styles.expendedHeader : null)
|
|
24
26
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","__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, content, onClick, image}: Props) => {\n const Icon = ICONS[icon];\n return (\n <div
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","__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 {kebabCase} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, content, onClick, image}: Props) => {\n const Icon = ICONS[icon];\n return (\n <div\n className={isExpended ? styles.expendedContainer : styles.container}\n onClick={onClick}\n id={kebabCase(title)}\n >\n <div className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}>\n <h3 className={styles.title}>{title}</h3>\n {Icon ? (\n <Icon className={classnames(styles.icon, isExpended ? styles.expendedIcon : null)} />\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;AAEA,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,OAA1B;EAAmCC,OAAnC;EAA4CC;AAA5C,CAAD,KAA+D;EACpF,MAAMC,IAAI,GAAGT,KAAK,CAACG,IAAD,CAAlB;EACA,oBACE;IACE,SAAS,EAAEE,UAAU,GAAGN,MAAM,CAACW,iBAAV,GAA8BX,MAAM,CAACY,SAD5D;IAEE,OAAO,EAAEJ,OAFX;IAGE,EAAE,EAAE,WAAUH,KAAV;EAHN,gBAKE;IAAK,SAAS,EAAET,UAAU,CAACI,MAAM,CAACa,MAAR,EAAgBP,UAAU,GAAGN,MAAM,CAACc,cAAV,GAA2B,IAArD;EAA1B,gBACE;IAAI,SAAS,EAAEd,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,EAEGK,IAAI,gBACH,oBAAC,IAAD;IAAM,SAAS,EAAEd,UAAU,CAACI,MAAM,CAACI,IAAR,EAAcE,UAAU,GAAGN,MAAM,CAACe,YAAV,GAAyB,IAAjD;EAA3B,EADG,GAED,IAJN,CALF,EAWGT,UAAU,gBACT,8CACE;IACE,SAAS,EAAEN,MAAM,CAACO,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACS,MAAM,EAAET;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAET,MAAM,CAACS,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IAnBN,CADF;AAuBD,CAzBD;;AA2BAN,cAAc,CAACJ,SAAf,2CAA2BA,SAA3B;AACA,eAAeI,cAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;4EAAyE,KAAK;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;4EAAyE,KAAK;;;;;;;;;;;;;;;;CA2C5F,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _slice from "lodash/fp/slice";
|
|
2
|
+
import _kebabCase from "lodash/fp/kebabCase";
|
|
2
3
|
import React, { useState } from 'react';
|
|
3
4
|
import classnames from 'classnames';
|
|
4
5
|
import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
|
|
@@ -28,19 +29,17 @@ const MenuLinks = ({
|
|
|
28
29
|
const {
|
|
29
30
|
handleOnclick
|
|
30
31
|
} = item;
|
|
31
|
-
console.log({
|
|
32
|
-
isOpen,
|
|
33
|
-
numberOfDisplayedItems
|
|
34
|
-
});
|
|
35
32
|
return /*#__PURE__*/React.createElement("li", {
|
|
36
33
|
onClick: handleOnclick,
|
|
37
34
|
key: `menu-link-item-${index}`,
|
|
38
35
|
className: styles.item
|
|
36
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
37
|
+
href: `#${_kebabCase(item.text)}`
|
|
39
38
|
}, /*#__PURE__*/React.createElement("div", {
|
|
40
39
|
className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
|
|
41
40
|
}), /*#__PURE__*/React.createElement("span", {
|
|
42
41
|
className: item.isSelected ? styles.selectedItem : undefined
|
|
43
|
-
}, item.text));
|
|
42
|
+
}, item.text)));
|
|
44
43
|
}), !isDesktopMode ? /*#__PURE__*/React.createElement("li", {
|
|
45
44
|
onClick: handleOnclickShowMore,
|
|
46
45
|
key: `menu-link-item-show-more`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","itemsToDesplaye","handleOnclickShowMore","container","list","map","item","index","handleOnclick","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","itemsToDesplaye","handleOnclickShowMore","container","list","map","item","index","handleOnclick","text","border","isSelected","selectedBorder","selectedItem","undefined","showLessText","showMoreText","showLessIcon","showMoreIcon"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {kebabCase, slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: Props) => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const itemsToDesplaye = 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 {itemsToDesplaye.map((item, index) => {\n const {handleOnclick} = item;\n return (\n <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n <a href={`#${kebabCase(item.text)}`}>\n <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n </span>\n </a>\n </li>\n );\n })}\n {!isDesktopMode ? (\n <li\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":";;AAAA,OAAOA,KAAP,IAAeC,QAAf,QAA8B,OAA9B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AAEA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,KAAR;EAAeC,YAAf;EAA6BC,sBAA7B;EAAqDC;AAArD,CAAD,KAAgF;EAChG,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBb,QAAQ,CAAU,KAAV,CAApC;EACA,MAAMc,eAAe,GAAGH,aAAa,IAAIC,MAAjB,GAA0BL,KAA1B,GAAkC,OAAM,CAAN,EAASG,sBAAT,EAAiCH,KAAjC,CAA1D;;EACA,MAAMQ,qBAAqB,GAAG,MAAMF,SAAS,CAAC,CAACD,MAAF,CAA7C;;EAEA,oBACE;IAAK,SAAS,EAAEP,MAAM,CAACW;EAAvB,gBACE;IAAI,SAAS,EAAEX,MAAM,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEH,MAAM,CAACY,IAAtB;IAA4B,aAAU;EAAtC,GACGH,eAAe,CAACI,GAAhB,CAAoB,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACpC,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACA,oBACE;MAAI,OAAO,EAAEE,aAAb;MAA4B,GAAG,EAAG,kBAAiBD,KAAM,EAAzD;MAA4D,SAAS,EAAEf,MAAM,CAACc;IAA9E,gBACE;MAAG,IAAI,EAAG,IAAG,WAAUA,IAAI,CAACG,IAAf,CAAqB;IAAlC,gBACE;MACE,SAAS,EAAErB,UAAU,CACnBI,MAAM,CAACkB,MADY,EAEnBJ,IAAI,CAACK,UAAL,GAAkBnB,MAAM,CAACoB,cAAzB,GAA0C,IAFvB;IADvB,EADF,eAOE;MAAM,SAAS,EAAEN,IAAI,CAACK,UAAL,GAAkBnB,MAAM,CAACqB,YAAzB,GAAwCC;IAAzD,GACGR,IAAI,CAACG,IADR,CAPF,CADF,CADF;EAeD,CAjBA,CADH,EAmBG,CAACX,aAAD,gBACC;IACE,OAAO,EAAEI,qBADX;IAEE,GAAG,EAAG,0BAFR;IAGE,SAAS,EAAEd,UAAU,CAACI,MAAM,CAACI,YAAR,EAAsBJ,MAAM,CAACc,IAA7B;EAHvB,gBAKE;IAAK,SAAS,EAAEd,MAAM,CAACkB;EAAvB,EALF,eAME,kCACGX,MAAM,GAAGH,YAAY,CAACmB,YAAhB,GAA+BnB,YAAY,CAACoB,YADrD,eAEE,oBAAC,SAAD;IAAW,SAAS,EAAEjB,MAAM,GAAGP,MAAM,CAACyB,YAAV,GAAyBzB,MAAM,CAAC0B;EAA5D,EAFF,CANF,CADD,GAYG,IA/BN,CAFF,CADF;AAsCD,CA3CD;;AA6CAzB,SAAS,CAACF,SAAV,2CAAsBA,SAAtB;AAEA,eAAeE,SAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;2DAAwD,KAAK;;;;;;;;;CAyBhF,CAAC;AAGF,eAAe,cAAc,CAAC"}
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.ICONS = void 0;
|
|
5
5
|
|
|
6
|
+
var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
|
|
7
|
+
|
|
6
8
|
var _react = _interopRequireDefault(require("react"));
|
|
7
9
|
|
|
8
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -31,7 +33,8 @@ const ExpandableItem = ({
|
|
|
31
33
|
const Icon = ICONS[icon];
|
|
32
34
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
33
35
|
className: isExpended ? _style.default.expendedContainer : _style.default.container,
|
|
34
|
-
onClick: onClick
|
|
36
|
+
onClick: onClick,
|
|
37
|
+
id: (0, _kebabCase2.default)(title)
|
|
35
38
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
36
39
|
className: (0, _classnames.default)(_style.default.header, isExpended ? _style.default.expendedHeader : null)
|
|
37
40
|
}, /*#__PURE__*/_react.default.createElement("h3", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","styles","expendedContainer","container","classnames","header","expendedHeader","expendedIcon","__html","propTypes"],"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, content, onClick, image}: Props) => {\n const Icon = ICONS[icon];\n return (\n <div
|
|
1
|
+
{"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","styles","expendedContainer","container","classnames","header","expendedHeader","expendedIcon","__html","propTypes"],"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 {kebabCase} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, content, onClick, image}: Props) => {\n const Icon = ICONS[icon];\n return (\n <div\n className={isExpended ? styles.expendedContainer : styles.container}\n onClick={onClick}\n id={kebabCase(title)}\n >\n <div className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}>\n <h3 className={styles.title}>{title}</h3>\n {Icon ? (\n <Icon className={classnames(styles.icon, isExpended ? styles.expendedIcon : null)} />\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;;AACA;;AACA;;AAEA;;AACA;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,KAAK,EAAEC;AADY,CAAd;;;AAIP,MAAMC,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,OAA1B;EAAmCC,OAAnC;EAA4CC;AAA5C,CAAD,KAA+D;EACpF,MAAMC,IAAI,GAAGV,KAAK,CAACI,IAAD,CAAlB;EACA,oBACE;IACE,SAAS,EAAEE,UAAU,GAAGK,cAAA,CAAOC,iBAAV,GAA8BD,cAAA,CAAOE,SAD5D;IAEE,OAAO,EAAEL,OAFX;IAGE,EAAE,EAAE,yBAAUH,KAAV;EAHN,gBAKE;IAAK,SAAS,EAAE,IAAAS,mBAAA,EAAWH,cAAA,CAAOI,MAAlB,EAA0BT,UAAU,GAAGK,cAAA,CAAOK,cAAV,GAA2B,IAA/D;EAAhB,gBACE;IAAI,SAAS,EAAEL,cAAA,CAAON;EAAtB,GAA8BA,KAA9B,CADF,EAEGK,IAAI,gBACH,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAI,mBAAA,EAAWH,cAAA,CAAOP,IAAlB,EAAwBE,UAAU,GAAGK,cAAA,CAAOM,YAAV,GAAyB,IAA3D;EAAjB,EADG,GAED,IAJN,CALF,EAWGX,UAAU,gBACT,uDACE;IACE,SAAS,EAAEK,cAAA,CAAOJ,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACW,MAAM,EAAEX;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAEE,cAAA,CAAOF,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IAnBN,CADF;AAuBD,CAzBD;;AA2BAN,cAAc,CAACgB,SAAf,2CAA2BA,gBAA3B;eACehB,c"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;4EAAyE,KAAK;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;4EAAyE,KAAK;;;;;;;;;;;;;;;;CA2C5F,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -5,6 +5,8 @@ exports.default = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _slice2 = _interopRequireDefault(require("lodash/fp/slice"));
|
|
7
7
|
|
|
8
|
+
var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
11
|
|
|
10
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -44,19 +46,17 @@ const MenuLinks = ({
|
|
|
44
46
|
const {
|
|
45
47
|
handleOnclick
|
|
46
48
|
} = item;
|
|
47
|
-
console.log({
|
|
48
|
-
isOpen,
|
|
49
|
-
numberOfDisplayedItems
|
|
50
|
-
});
|
|
51
49
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
52
50
|
onClick: handleOnclick,
|
|
53
51
|
key: `menu-link-item-${index}`,
|
|
54
52
|
className: _style.default.item
|
|
53
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
54
|
+
href: `#${(0, _kebabCase2.default)(item.text)}`
|
|
55
55
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
56
|
className: (0, _classnames.default)(_style.default.border, item.isSelected ? _style.default.selectedBorder : null)
|
|
57
57
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
58
58
|
className: item.isSelected ? _style.default.selectedItem : undefined
|
|
59
|
-
}, item.text));
|
|
59
|
+
}, item.text)));
|
|
60
60
|
}), !isDesktopMode ? /*#__PURE__*/_react.default.createElement("li", {
|
|
61
61
|
onClick: handleOnclickShowMore,
|
|
62
62
|
key: `menu-link-item-show-more`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","useState","itemsToDesplaye","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","
|
|
1
|
+
{"version":3,"file":"index.js","names":["MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","useState","itemsToDesplaye","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","text","classnames","border","isSelected","selectedBorder","selectedItem","undefined","showLessText","showMoreText","showLessIcon","showMoreIcon","propTypes"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {kebabCase, slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: Props) => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const itemsToDesplaye = 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 {itemsToDesplaye.map((item, index) => {\n const {handleOnclick} = item;\n return (\n <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n <a href={`#${kebabCase(item.text)}`}>\n <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n </span>\n </a>\n </li>\n );\n })}\n {!isDesktopMode ? (\n <li\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":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,KAAR;EAAeC,YAAf;EAA6BC,sBAA7B;EAAqDC;AAArD,CAAD,KAAgF;EAChG,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAkB,KAAlB,CAA5B;EACA,MAAMC,eAAe,GAAGJ,aAAa,IAAIC,MAAjB,GAA0BL,KAA1B,GAAkC,qBAAM,CAAN,EAASG,sBAAT,EAAiCH,KAAjC,CAA1D;;EACA,MAAMS,qBAAqB,GAAG,MAAMH,SAAS,CAAC,CAACD,MAAF,CAA7C;;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOT;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAES,cAAA,CAAOE,IAAtB;IAA4B,aAAU;EAAtC,GACGJ,eAAe,CAACK,GAAhB,CAAoB,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACpC,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACA,oBACE;MAAI,OAAO,EAAEE,aAAb;MAA4B,GAAG,EAAG,kBAAiBD,KAAM,EAAzD;MAA4D,SAAS,EAAEL,cAAA,CAAOI;IAA9E,gBACE;MAAG,IAAI,EAAG,IAAG,yBAAUA,IAAI,CAACG,IAAf,CAAqB;IAAlC,gBACE;MACE,SAAS,EAAE,IAAAC,mBAAA,EACTR,cAAA,CAAOS,MADE,EAETL,IAAI,CAACM,UAAL,GAAkBV,cAAA,CAAOW,cAAzB,GAA0C,IAFjC;IADb,EADF,eAOE;MAAM,SAAS,EAAEP,IAAI,CAACM,UAAL,GAAkBV,cAAA,CAAOY,YAAzB,GAAwCC;IAAzD,GACGT,IAAI,CAACG,IADR,CAPF,CADF,CADF;EAeD,CAjBA,CADH,EAmBG,CAACb,aAAD,gBACC;IACE,OAAO,EAAEK,qBADX;IAEE,GAAG,EAAG,0BAFR;IAGE,SAAS,EAAE,IAAAS,mBAAA,EAAWR,cAAA,CAAOR,YAAlB,EAAgCQ,cAAA,CAAOI,IAAvC;EAHb,gBAKE;IAAK,SAAS,EAAEJ,cAAA,CAAOS;EAAvB,EALF,eAME,2CACGd,MAAM,GAAGH,YAAY,CAACsB,YAAhB,GAA+BtB,YAAY,CAACuB,YADrD,eAEE,6BAAC,6CAAD;IAAW,SAAS,EAAEpB,MAAM,GAAGK,cAAA,CAAOgB,YAAV,GAAyBhB,cAAA,CAAOiB;EAA5D,EAFF,CANF,CADD,GAYG,IA/BN,CAFF,CADF;AAsCD,CA3CD;;AA6CA5B,SAAS,CAAC6B,SAAV,2CAAsBA,gBAAtB;eAEe7B,S"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.12.3-alpha.
|
|
3
|
+
"version": "11.12.3-alpha.17+760bdfdf6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -166,5 +166,5 @@
|
|
|
166
166
|
"last 2 versions",
|
|
167
167
|
"IE 11"
|
|
168
168
|
],
|
|
169
|
-
"gitHead": "
|
|
169
|
+
"gitHead": "760bdfdf68696eae7bfa1471a28a78b597971ef3"
|
|
170
170
|
}
|