@coorpacademy/components 11.14.20-alpha.48 → 11.14.20-alpha.50
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/style.css +1 -1
- package/es/molecule/expandable-list/index.d.ts.map +1 -1
- package/es/molecule/expandable-list/index.js +1 -0
- package/es/molecule/expandable-list/index.js.map +1 -1
- package/es/molecule/menu-links/index.d.ts.map +1 -1
- package/es/molecule/menu-links/index.js +5 -2
- package/es/molecule/menu-links/index.js.map +1 -1
- package/es/molecule/menu-links/style.css +4 -0
- package/es/molecule/privacy-policy-download/style.css +1 -0
- package/lib/molecule/expandable-item/style.css +1 -1
- package/lib/molecule/expandable-list/index.d.ts.map +1 -1
- package/lib/molecule/expandable-list/index.js +1 -0
- package/lib/molecule/expandable-list/index.js.map +1 -1
- package/lib/molecule/menu-links/index.d.ts.map +1 -1
- package/lib/molecule/menu-links/index.js +5 -2
- package/lib/molecule/menu-links/index.js.map +1 -1
- package/lib/molecule/menu-links/style.css +4 -0
- package/lib/molecule/privacy-policy-download/style.css +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;;CAgBrC,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -12,6 +12,7 @@ const ExpandableList = ({
|
|
|
12
12
|
}, items.map((item, index) => {
|
|
13
13
|
return /*#__PURE__*/React.createElement("li", {
|
|
14
14
|
key: `menu-link-item-${index}`,
|
|
15
|
+
id: `menu-link-item-${index}`,
|
|
15
16
|
className: styles.item
|
|
16
17
|
}, /*#__PURE__*/React.createElement(ExpandableItem, item));
|
|
17
18
|
}));
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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\n key={`menu-link-item-${index}`}\n id={`menu-link-item-${index}`}\n className={styles.item}\n >\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;MACE,GAAG,EAAG,kBAAiBA,KAAM,EAD/B;MAEE,EAAE,EAAG,kBAAiBA,KAAM,EAF9B;MAGE,SAAS,EAAEN,MAAM,CAACK;IAHpB,gBAKE,oBAAC,cAAD,EAAoBA,IAApB,CALF,CADF;EASD,CAVA,CADH,CADF;AAeD,CAhBD;;AAkBAJ,cAAc,CAACF,SAAf,2CAA2BA,SAA3B;AAEA,eAAeE,cAAf"}
|
|
@@ -1 +1 @@
|
|
|
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;4EAAyE,KAAK;;;;;;;;;;;;;;;;
|
|
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;4EAAyE,KAAK;;;;;;;;;;;;;;;;CAiE5F,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -46,13 +46,16 @@ const MenuLinks = ({
|
|
|
46
46
|
className: styles.flexContainer
|
|
47
47
|
}, Icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
48
48
|
className: classnames(styles.icon, item.isSelected ? styles.selectedIcon : null)
|
|
49
|
-
}) : null, /*#__PURE__*/React.createElement("
|
|
49
|
+
}) : null, /*#__PURE__*/React.createElement("a", {
|
|
50
|
+
className: styles.link,
|
|
51
|
+
href: `#menu-link-item-${index}`
|
|
52
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
50
53
|
className: styles.flexContainer
|
|
51
54
|
}, /*#__PURE__*/React.createElement("span", {
|
|
52
55
|
className: item.isSelected ? styles.selectedItem : undefined
|
|
53
56
|
}, item.text), Icon ? /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
54
57
|
className: classnames(styles.arrowIcon, item.isSelected ? styles.selectedIcon : null)
|
|
55
|
-
}) : null)));
|
|
58
|
+
}) : null))));
|
|
56
59
|
}), !isDesktopMode ? /*#__PURE__*/React.createElement("li", {
|
|
57
60
|
// eslint-disable-next-line react/jsx-no-bind
|
|
58
61
|
onClick: handleOnclickShowMore,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","propTypes","styles","ICONS","mobilePhone","chatBubbleCircleQuestionMark","networkAlert","binoculaire","contentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","itemsToDisplay","handleOnclickShowMore","container","list","map","item","index","handleOnclick","Icon","icon","border","isSelected","selectedBorder","flexContainer","selectedIcon","selectedItem","undefined","text","arrowIcon","showLessText","showMoreText","showLessIcon","showMoreIcon"],"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 = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: 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 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 <div className={styles.flexContainer}>\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars","Binoculaire","NovaLineContentEditionContentBook","ContentBook","propTypes","styles","ICONS","mobilePhone","chatBubbleCircleQuestionMark","networkAlert","binoculaire","contentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","itemsToDisplay","handleOnclickShowMore","container","list","map","item","index","handleOnclick","Icon","icon","border","isSelected","selectedBorder","flexContainer","selectedIcon","link","selectedItem","undefined","text","arrowIcon","showLessText","showMoreText","showLessIcon","showMoreIcon"],"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 = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: 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 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 <a className={styles.link} href={`#menu-link-item-${index}`}>\n <div className={styles.flexContainer}>\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n </span>\n {Icon ? (\n <ArrowIcon\n className={classnames(\n styles.arrowIcon,\n item.isSelected ? styles.selectedIcon : null\n )}\n />\n ) : null}\n </div>\n </a>\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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;;CAgBrC,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -22,6 +22,7 @@ const ExpandableList = ({
|
|
|
22
22
|
}, items.map((item, index) => {
|
|
23
23
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
24
24
|
key: `menu-link-item-${index}`,
|
|
25
|
+
id: `menu-link-item-${index}`,
|
|
25
26
|
className: _style.default.item
|
|
26
27
|
}, /*#__PURE__*/_react.default.createElement(_expandableItem.default, item));
|
|
27
28
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ExpandableList","items","styles","list","map","item","index","propTypes"],"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
|
|
1
|
+
{"version":3,"file":"index.js","names":["ExpandableList","items","styles","list","map","item","index","propTypes"],"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\n key={`menu-link-item-${index}`}\n id={`menu-link-item-${index}`}\n className={styles.item}\n >\n <ExpandableItem {...item} />\n </li>\n );\n })}\n </ul>\n );\n};\n\nExpandableList.propTypes = propTypes;\n\nexport default ExpandableList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACzC,oBACE;IAAI,SAAS,EAAEC,cAAA,CAAOC,IAAtB;IAA4B,aAAU;EAAtC,GACGF,KAAK,CAACG,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,oBACE;MACE,GAAG,EAAG,kBAAiBA,KAAM,EAD/B;MAEE,EAAE,EAAG,kBAAiBA,KAAM,EAF9B;MAGE,SAAS,EAAEJ,cAAA,CAAOG;IAHpB,gBAKE,6BAAC,uBAAD,EAAoBA,IAApB,CALF,CADF;EASD,CAVA,CADH,CADF;AAeD,CAhBD;;AAkBAL,cAAc,CAACO,SAAf,2CAA2BA,gBAA3B;eAEeP,c"}
|
|
@@ -1 +1 @@
|
|
|
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;4EAAyE,KAAK;;;;;;;;;;;;;;;;
|
|
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;4EAAyE,KAAK;;;;;;;;;;;;;;;;CAiE5F,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -63,13 +63,16 @@ const MenuLinks = ({
|
|
|
63
63
|
className: _style.default.flexContainer
|
|
64
64
|
}, Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
|
|
65
65
|
className: (0, _classnames.default)(_style.default.icon, item.isSelected ? _style.default.selectedIcon : null)
|
|
66
|
-
}) : null, /*#__PURE__*/_react.default.createElement("
|
|
66
|
+
}) : null, /*#__PURE__*/_react.default.createElement("a", {
|
|
67
|
+
className: _style.default.link,
|
|
68
|
+
href: `#menu-link-item-${index}`
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
67
70
|
className: _style.default.flexContainer
|
|
68
71
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
69
72
|
className: item.isSelected ? _style.default.selectedItem : undefined
|
|
70
73
|
}, item.text), Icon ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
|
|
71
74
|
className: (0, _classnames.default)(_style.default.arrowIcon, item.isSelected ? _style.default.selectedIcon : null)
|
|
72
|
-
}) : null)));
|
|
75
|
+
}) : null))));
|
|
73
76
|
}), !isDesktopMode ? /*#__PURE__*/_react.default.createElement("li", {
|
|
74
77
|
// eslint-disable-next-line react/jsx-no-bind
|
|
75
78
|
onClick: handleOnclickShowMore,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ICONS","mobilePhone","MobilePhone","chatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","networkAlert","NetworkAlert","binoculaire","Binoculaire","contentBook","ContentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","useState","itemsToDisplay","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","Icon","icon","classnames","border","isSelected","selectedBorder","flexContainer","selectedIcon","selectedItem","undefined","text","arrowIcon","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 = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: 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 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 <div className={styles.flexContainer}>\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["ICONS","mobilePhone","MobilePhone","chatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","networkAlert","NetworkAlert","binoculaire","Binoculaire","contentBook","ContentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","useState","itemsToDisplay","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","Icon","icon","classnames","border","isSelected","selectedBorder","flexContainer","selectedIcon","link","selectedItem","undefined","text","arrowIcon","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 = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: 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 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 <a className={styles.link} href={`#menu-link-item-${index}`}>\n <div className={styles.flexContainer}>\n <span className={item.isSelected ? styles.selectedItem : undefined}>\n {item.text}\n </span>\n {Icon ? (\n <ArrowIcon\n className={classnames(\n styles.arrowIcon,\n item.isSelected ? styles.selectedIcon : null\n )}\n />\n ) : null}\n </div>\n </a>\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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.14.20-alpha.
|
|
3
|
+
"version": "11.14.20-alpha.50+7885c36f7",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -168,5 +168,5 @@
|
|
|
168
168
|
"last 2 versions",
|
|
169
169
|
"IE 11"
|
|
170
170
|
],
|
|
171
|
-
"gitHead": "
|
|
171
|
+
"gitHead": "7885c36f7100159d9c7aadaa72ff05b445b19a27"
|
|
172
172
|
}
|