@coorpacademy/components 11.12.3-alpha.18 → 11.12.3-alpha.20
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 +1 -3
- 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 +2 -5
- package/es/molecule/menu-links/index.js.map +1 -1
- package/lib/molecule/expandable-item/index.d.ts.map +1 -1
- package/lib/molecule/expandable-item/index.js +1 -4
- 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 +2 -6
- package/lib/molecule/menu-links/index.js.map +1 -1
- 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":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;2DAAwD,KAAK;;;;;;;;;CAqBhF,CAAC;AAGF,eAAe,cAAc,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _kebabCase from "lodash/fp/kebabCase";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import classnames from 'classnames';
|
|
4
3
|
import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
|
|
@@ -19,8 +18,7 @@ const ExpandableItem = ({
|
|
|
19
18
|
const Icon = ICONS[icon];
|
|
20
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
20
|
className: isExpended ? styles.expendedContainer : styles.container,
|
|
22
|
-
onClick: onClick
|
|
23
|
-
id: _kebabCase(title)
|
|
21
|
+
onClick: onClick
|
|
24
22
|
}, /*#__PURE__*/React.createElement("div", {
|
|
25
23
|
className: classnames(styles.header, isExpended ? styles.expendedHeader : null)
|
|
26
24
|
}, /*#__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 {
|
|
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 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 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;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,OAA1B;EAAmCC,OAAnC;EAA4CC;AAA5C,CAAD,KAA+D;EACpF,MAAMC,IAAI,GAAGT,KAAK,CAACG,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGN,MAAM,CAACW,iBAAV,GAA8BX,MAAM,CAACY,SAA/D;IAA0E,OAAO,EAAEJ;EAAnF,gBACE;IAAK,SAAS,EAAEZ,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,CADF,EAOGT,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,IAfN,CADF;AAmBD,CArBD;;AAuBAN,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;;;;;;;;;;;;;;;;CAuC5F,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _slice from "lodash/fp/slice";
|
|
2
|
-
import _kebabCase from "lodash/fp/kebabCase";
|
|
3
2
|
import React, { useState } from 'react';
|
|
4
3
|
import classnames from 'classnames';
|
|
5
4
|
import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
|
|
@@ -35,11 +34,9 @@ const MenuLinks = ({
|
|
|
35
34
|
className: styles.item
|
|
36
35
|
}, /*#__PURE__*/React.createElement("div", {
|
|
37
36
|
className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
|
|
38
|
-
}), /*#__PURE__*/React.createElement("
|
|
39
|
-
href: `#${_kebabCase(item.text)}`
|
|
40
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
37
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
41
38
|
className: item.isSelected ? styles.selectedItem : undefined
|
|
42
|
-
}, item.text))
|
|
39
|
+
}, item.text));
|
|
43
40
|
}), !isDesktopMode ? /*#__PURE__*/React.createElement("li", {
|
|
44
41
|
onClick: handleOnclickShowMore,
|
|
45
42
|
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","border","isSelected","selectedBorder","
|
|
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","border","isSelected","selectedBorder","selectedItem","undefined","text","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 {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 <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <span className={item.isSelected ? styles.selectedItem : undefined}>{item.text}</span>\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;MACE,SAAS,EAAElB,UAAU,CACnBI,MAAM,CAACiB,MADY,EAEnBH,IAAI,CAACI,UAAL,GAAkBlB,MAAM,CAACmB,cAAzB,GAA0C,IAFvB;IADvB,EADF,eAOE;MAAM,SAAS,EAAEL,IAAI,CAACI,UAAL,GAAkBlB,MAAM,CAACoB,YAAzB,GAAwCC;IAAzD,GAAqEP,IAAI,CAACQ,IAA1E,CAPF,CADF;EAWD,CAbA,CADH,EAeG,CAAChB,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,CAACiB;EAAvB,EALF,eAME,kCACGV,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,IA3BN,CAFF,CADF;AAkCD,CAvCD;;AAyCAzB,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":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;2DAAwD,KAAK;;;;;;;;;CAqBhF,CAAC;AAGF,eAAe,cAAc,CAAC"}
|
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = exports.ICONS = void 0;
|
|
5
5
|
|
|
6
|
-
var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
|
|
7
|
-
|
|
8
6
|
var _react = _interopRequireDefault(require("react"));
|
|
9
7
|
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -33,8 +31,7 @@ const ExpandableItem = ({
|
|
|
33
31
|
const Icon = ICONS[icon];
|
|
34
32
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
35
33
|
className: isExpended ? _style.default.expendedContainer : _style.default.container,
|
|
36
|
-
onClick: onClick
|
|
37
|
-
id: (0, _kebabCase2.default)(title)
|
|
34
|
+
onClick: onClick
|
|
38
35
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
39
36
|
className: (0, _classnames.default)(_style.default.header, isExpended ? _style.default.expendedHeader : null)
|
|
40
37
|
}, /*#__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 {
|
|
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 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 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;;AACA;;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;IAAK,SAAS,EAAEE,UAAU,GAAGK,cAAA,CAAOC,iBAAV,GAA8BD,cAAA,CAAOE,SAA/D;IAA0E,OAAO,EAAEL;EAAnF,gBACE;IAAK,SAAS,EAAE,IAAAM,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,CADF,EAOGX,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,IAfN,CADF;AAmBD,CArBD;;AAuBAN,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;;;;;;;;;;;;;;;;CAuC5F,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -5,8 +5,6 @@ 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
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
9
|
|
|
12
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -52,11 +50,9 @@ const MenuLinks = ({
|
|
|
52
50
|
className: _style.default.item
|
|
53
51
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
54
52
|
className: (0, _classnames.default)(_style.default.border, item.isSelected ? _style.default.selectedBorder : null)
|
|
55
|
-
}), /*#__PURE__*/_react.default.createElement("
|
|
56
|
-
href: `#${(0, _kebabCase2.default)(item.text)}`
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
53
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
58
54
|
className: item.isSelected ? _style.default.selectedItem : undefined
|
|
59
|
-
}, item.text))
|
|
55
|
+
}, item.text));
|
|
60
56
|
}), !isDesktopMode ? /*#__PURE__*/_react.default.createElement("li", {
|
|
61
57
|
onClick: handleOnclickShowMore,
|
|
62
58
|
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","classnames","border","isSelected","selectedBorder","
|
|
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","classnames","border","isSelected","selectedBorder","selectedItem","undefined","text","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 {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 <div\n className={classnames(\n styles.border,\n item.isSelected ? styles.selectedBorder : null\n )}\n />\n <span className={item.isSelected ? styles.selectedItem : undefined}>{item.text}</span>\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;MACE,SAAS,EAAE,IAAAG,mBAAA,EACTP,cAAA,CAAOQ,MADE,EAETJ,IAAI,CAACK,UAAL,GAAkBT,cAAA,CAAOU,cAAzB,GAA0C,IAFjC;IADb,EADF,eAOE;MAAM,SAAS,EAAEN,IAAI,CAACK,UAAL,GAAkBT,cAAA,CAAOW,YAAzB,GAAwCC;IAAzD,GAAqER,IAAI,CAACS,IAA1E,CAPF,CADF;EAWD,CAbA,CADH,EAeG,CAACnB,aAAD,gBACC;IACE,OAAO,EAAEK,qBADX;IAEE,GAAG,EAAG,0BAFR;IAGE,SAAS,EAAE,IAAAQ,mBAAA,EAAWP,cAAA,CAAOR,YAAlB,EAAgCQ,cAAA,CAAOI,IAAvC;EAHb,gBAKE;IAAK,SAAS,EAAEJ,cAAA,CAAOQ;EAAvB,EALF,eAME,2CACGb,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,IA3BN,CAFF,CADF;AAkCD,CAvCD;;AAyCA5B,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.20+d3f01e12f",
|
|
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": "d3f01e12f32fb0eae6a6a2126d9bd42790413864"
|
|
170
170
|
}
|