@coorpacademy/components 10.1.6 → 10.1.7

package/lib/molecule/vertical-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["LeftIcons","BlueValidatedCircle","CheckIcon","buildTab","tab","index","title","selected","onClick","leftIcon","LeftIcon","style","VerticalTabs","props","tabs","tabsList","map","wrapper","propTypes","PropTypes","arrayOf","shape","Link","children","bool","string","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEC;AADL,CAAlB;;AAIA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;AAA3B,MAAuCL,GAA7C;AAEA,QAAMM,QAAQ,GAAGV,SAAS,CAACS,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,yBAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAE,yBAAWK,eAAMP,GAAjB,EAAsBG,QAAQ,IAAII,eAAMJ,QAAxC,CAFb;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAEG,eAAML;AAAvB,KAA+BA,KAA/B,CANF,EAOGI,QAAQ,gBAAG,6BAAC,QAAD;AAAU,IAAA,SAAS,EAAEC,eAAMF;AAA3B,IAAH,GAA6C,IAPxD,CADF;AAWD,CAfD;;AAiBA,MAAMG,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;AACA,QAAME,QAAQ,GAAGD,IAAI,CAACE,GAAL,CAASb,QAAT,CAAjB;AAEA,sBAAO;AAAI,IAAA,SAAS,EAAEQ,eAAMM;AAArB,KAA+BF,QAA/B,CAAP;AACD,CALD;;AAOAH,YAAY,CAACM,SAAb,2CAAyB;AACvBJ,EAAAA,IAAI,EAAEK,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdf,IAAAA,KAAK,EAAEgB,cAAKJ,SAAL,CAAeK,QADR;AAEdhB,IAAAA,QAAQ,EAAEY,mBAAUK,IAFN;AAGdf,IAAAA,QAAQ,EAAEU,mBAAUM,MAHN;AAIdjB,IAAAA,OAAO,EAAEW,mBAAUO;AAJL,GAAhB,CADI;AADiB,CAAzB;eAUed,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon\n};\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? <LeftIcon className={style.leftIcon} /> : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return <ul className={style.wrapper}>{tabsList}</ul>;\n};\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\nexport default VerticalTabs;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["LeftIcons","BlueValidatedCircle","CheckIcon","buildTab","tab","index","title","selected","onClick","leftIcon","LeftIcon","style","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","propTypes","PropTypes","arrayOf","shape","Link","children","bool","string","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAEC;AADL,CAAlB;;AAIA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;AAA3B,MAAuCL,GAA7C;AAEA,QAAMM,QAAQ,GAAGV,SAAS,CAACS,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAe,yBAAUH,KAAV,CAAiB,EAD9C;AAEE,IAAA,SAAS,EAAE,yBAAWK,eAAMP,GAAjB,EAAsBG,QAAQ,IAAII,eAAMJ,QAAxC,CAFb;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAEG,eAAML;AAAvB,KAA+BA,KAA/B,CANF,EAOGI,QAAQ,gBAAG,6BAAC,QAAD;AAAU,IAAA,SAAS,EAAEC,eAAMF;AAA3B,IAAH,GAA6C,IAPxD,CADF;AAWD,CAfD;;AAiBA,MAAMG,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAASf,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,EAAE,yBAAW,CAACQ,eAAMQ,OAAP,EAAgBJ,SAAhB,CAAX,CAAf;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;AAWAL,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,IAAI,EAAEO,mBAAUC,OAAV,CACJD,mBAAUE,KAAV,CAAgB;AACdjB,IAAAA,KAAK,EAAEkB,cAAKJ,SAAL,CAAeK,QADR;AAEdlB,IAAAA,QAAQ,EAAEc,mBAAUK,IAFN;AAGdjB,IAAAA,QAAQ,EAAEY,mBAAUM,MAHN;AAIdnB,IAAAA,OAAO,EAAEa,mBAAUO;AAJL,GAAhB,CADI,CADiB;AASvBb,EAAAA,SAAS,EAAEM,mBAAUM,MATE;AAUvB,gBAAcN,mBAAUM;AAVD,CAAzB;eAYef,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n  BlueValidatedCircle: CheckIcon\n};\n\nconst buildTab = (tab, index) => {\n  const {title, selected, onClick, leftIcon} = tab;\n\n  const LeftIcon = LeftIcons[leftIcon];\n  return (\n    <li\n      data-name={`vertical_tab_${snakeCase(title)}`}\n      className={classnames(style.tab, selected && style.selected)}\n      key={index}\n      onClick={onClick}\n    >\n      <span className={style.title}>{title}</span>\n      {LeftIcon ? <LeftIcon className={style.leftIcon} /> : null}\n    </li>\n  );\n};\n\nconst VerticalTabs = props => {\n  const {tabs, className, 'aria-label': ariaLabel} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return (\n    <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n      {tabsList}\n    </ul>\n  );\n};\n\nVerticalTabs.propTypes = {\n  tabs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      selected: PropTypes.bool,\n      leftIcon: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  ),\n  className: PropTypes.string,\n  'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"file":"index.js"}

package/lib/molecule/vertical-tabs/test/fixtures/default.js

@@ -39,7 +39,8 @@ var _default = {
       leftIcon: '',
       onClick: () => console.log('click'),
       selected: false
-    }]
+    }],
+    'aria-label': 'Languages list'
   }
 };
 exports.default = _default;

package/lib/molecule/vertical-tabs/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KADI,EAOJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAPI,EAaJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAbI,EAmBJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAnBI,EAyBJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAzBI,EA+BJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA/BI,EAqCJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KArCI;AADD;AADM,C","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ]\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KADI,EAOJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAPI,EAaJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAbI,EAmBJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAnBI,EAyBJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAzBI,EA+BJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA/BI,EAqCJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KArCI,CADD;AA6CL,kBAAc;AA7CT;AADM,C","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ],\n    'aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js

@@ -79,7 +79,8 @@ var _default = {
       leftIcon: '',
       onClick: () => console.log('click'),
       selected: false
-    }]
+    }],
+    'aria-label': 'Languages list'
   }
 };
 exports.default = _default;

package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: true\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ]\n  }\n};\n"],"file":"with-selected-item.js"}
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: true\n      },\n      {\n        title: '🇪🇸 Spanish',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇮🇹 Italian',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇩🇪 German',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇷🇺 Russian',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇵🇱 Polish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      },\n      {\n        title: '🇹🇷 Turkish',\n        leftIcon: '',\n        onClick: () => console.log('click'),\n        selected: false\n      }\n    ],\n    'aria-label': 'Languages list'\n  }\n};\n"],"file":"with-selected-item.js"}

package/lib/organism/playlist-translation/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _verticalTabs = _interopRequireDefault(require("../../molecule/vertical-tabs"));
+
+var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
+var _inputTextarea = _interopRequireDefault(require("../../atom/input-textarea"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const PlayListTranslation = props => {
+  const {
+    languageTabs,
+    inputText,
+    textArea,
+    cta,
+    'list-aria-label': listAriaLabel
+  } = props;
+  const ariaLabel = {
+    'aria-label': listAriaLabel
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement(_verticalTabs.default, _extends({}, ariaLabel, {
+    className: _style.default.menu,
+    tabs: languageTabs
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.horizontalSection
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.input
+  }, /*#__PURE__*/_react.default.createElement(_inputText.default, inputText)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.input
+  }, /*#__PURE__*/_react.default.createElement(_inputTextarea.default, textArea)), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.button, cta.type === 'delete' && _style.default.binButton)
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    onClick: cta.handleOnclick,
+    type: cta.type === 'delete' ? 'text' : 'primary',
+    icon: {
+      type: cta.type === 'delete' ? 'bin' : 'add',
+      position: 'left'
+    },
+    label: cta.label
+  }))));
+};
+
+PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
+  languageTabs: _verticalTabs.default.propTypes.tabs,
+  inputText: _propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
+    theme: _propTypes.default.string
+  })),
+  textArea: _propTypes.default.shape(_extends(_extends({}, _inputTextarea.default.propTypes), {}, {
+    theme: _propTypes.default.string
+  })),
+  cta: _propTypes.default.shape({
+    label: _propTypes.default.string,
+    handleOnclick: _propTypes.default.func,
+    type: _propTypes.default.oneOf(['delete', 'add'])
+  }),
+  'list-aria-label': _propTypes.default.string
+} : {};
+var _default = PlayListTranslation;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/playlist-translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/playlist-translation/index.js"],"names":["PlayListTranslation","props","languageTabs","inputText","textArea","cta","listAriaLabel","ariaLabel","style","container","menu","horizontalSection","input","button","type","binButton","handleOnclick","position","label","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA,GAApC;AAAyC,uBAAmBC;AAA5D,MAA6EL,KAAnF;AAEA,QAAMM,SAAS,GAAG;AAAC,kBAAcD;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,qBAAD,eAA0BF,SAA1B;AAAqC,IAAA,SAAS,EAAEC,eAAME,IAAtD;AAA4D,IAAA,IAAI,EAAER;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAEM,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE,6BAAC,kBAAD,EAAeT,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEK,eAAMI;AAAtB,kBACE,6BAAC,sBAAD,EAAcR,QAAd,CADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAE,yBAAWI,eAAMK,MAAjB,EAAyBR,GAAG,CAACS,IAAJ,KAAa,QAAb,IAAyBN,eAAMO,SAAxD;AAAhB,kBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEV,GAAG,CAACW,aADf;AAEE,IAAA,IAAI,EAAEX,GAAG,CAACS,IAAJ,KAAa,QAAb,GAAwB,MAAxB,GAAiC,SAFzC;AAGE,IAAA,IAAI,EAAE;AAACA,MAAAA,IAAI,EAAET,GAAG,CAACS,IAAJ,KAAa,QAAb,GAAwB,KAAxB,GAAgC,KAAvC;AAA8CG,MAAAA,QAAQ,EAAE;AAAxD,KAHR;AAIE,IAAA,KAAK,EAAEZ,GAAG,CAACa;AAJb,IADF,CAPF,CAFF,CADF;AAqBD,CAzBD;;AA2BAlB,mBAAmB,CAACmB,SAApB,2CAAgC;AAC9BjB,EAAAA,YAAY,EAAEkB,sBAAqBD,SAArB,CAA+BE,IADf;AAE9BlB,EAAAA,SAAS,EAAEmB,mBAAUC,KAAV,uBAAoBC,mBAAUL,SAA9B;AAAyCM,IAAAA,KAAK,EAAEH,mBAAUI;AAA1D,KAFmB;AAG9BtB,EAAAA,QAAQ,EAAEkB,mBAAUC,KAAV,uBAAoBI,uBAASR,SAA7B;AAAwCM,IAAAA,KAAK,EAAEH,mBAAUI;AAAzD,KAHoB;AAI9BrB,EAAAA,GAAG,EAAEiB,mBAAUC,KAAV,CAAgB;AACnBL,IAAAA,KAAK,EAAEI,mBAAUI,MADE;AAEnBV,IAAAA,aAAa,EAAEM,mBAAUM,IAFN;AAGnBd,IAAAA,IAAI,EAAEQ,mBAAUO,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmBP,mBAAUI;AATC,CAAhC;eAYe1B,mB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        <div className={classNames(style.button, cta.type === 'delete' && style.binButton)}>\n          <Button\n            onClick={cta.handleOnclick}\n            type={cta.type === 'delete' ? 'text' : 'primary'}\n            icon={{type: cta.type === 'delete' ? 'bin' : 'add', position: 'left'}}\n            label={cta.label}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['delete', 'add'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}

package/lib/organism/playlist-translation/style.css

@@ -0,0 +1,45 @@
+@value colors: "../../variables/colors.css";
+@value dark from colors;
+@value brand from colors;
+@value light from colors;
+@value cm_grey_50 from colors;
+@value cm_negative_100 from colors;
+@value cm_negative_200 from colors;
+
+.container {
+  display: flex;
+  background-color: cm_grey_50;
+}
+
+.menu {
+  background-color: cm_grey_50;
+  height: 360px;
+  width: 200px;
+  margin: 24px 8px 24px 24px;
+}
+
+.horizontalSection{
+  display: flex;
+  flex-direction: column;
+  padding: 24px 24px 24px 8px;
+  width: 100%;
+  align-items: end;
+}
+
+.input {
+  width: 100%;
+  margin-bottom: 16px;
+}
+
+.button {
+  width: 170px;
+  margin-top: 16px;
+}
+
+.binButton {
+  color: cm_negative_100;
+}
+
+.binButton:hover {
+  color: cm_negative_200;
+} 

package/lib/organism/playlist-translation/test/fixtures/default.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _withSelectedItem = _interopRequireDefault(require("../../../../molecule/vertical-tabs/test/fixtures/with-selected-item"));
+
+var _cmDefault = _interopRequireDefault(require("../../../../atom/input-text/test/fixtures/cm-default"));
+
+var _cmDefault2 = _interopRequireDefault(require("../../../../atom/input-textarea/test/fixtures/cm-default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const languageTabs = _withSelectedItem.default.props.tabs;
+var _default = {
+  props: {
+    languageTabs,
+    inputText: _extends(_extends({}, _cmDefault.default.props), {}, {
+      theme: 'coorpmanager'
+    }),
+    textArea: _extends(_extends({}, _cmDefault2.default.props), {}, {
+      theme: 'coorpmanager'
+    }),
+    cta: {
+      label: 'Add translation',
+      type: 'add',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/organism/playlist-translation/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/default.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","theme","textArea","cta","label","type","handleOnClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,wBAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILE,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,iBADJ;AAEHC,MAAAA,IAAI,EAAE,KAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,C","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: {...inputText.props, theme: 'coorpmanager'},\n    textArea: {...textArea.props, theme: 'coorpmanager'},\n    cta: {\n      label: 'Add translation',\n      type: 'add',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/lib/organism/playlist-translation/test/fixtures/delete.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _withSelectedItem = _interopRequireDefault(require("../../../../molecule/vertical-tabs/test/fixtures/with-selected-item"));
+
+var _cmDefault = _interopRequireDefault(require("../../../../atom/input-text/test/fixtures/cm-default"));
+
+var _cmDefault2 = _interopRequireDefault(require("../../../../atom/input-textarea/test/fixtures/cm-default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const languageTabs = _withSelectedItem.default.props.tabs;
+var _default = {
+  props: {
+    languageTabs,
+    inputText: _cmDefault.default.props,
+    textArea: _cmDefault2.default.props,
+    cta: {
+      label: 'Delete translation',
+      type: 'delete',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=delete.js.map

package/lib/organism/playlist-translation/test/fixtures/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/delete.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","textArea","cta","label","type","handleOnClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,EAAEA,mBAAUF,KAFhB;AAGLG,IAAAA,QAAQ,EAAEA,oBAASH,KAHd;AAILI,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,oBADJ;AAEHC,MAAAA,IAAI,EAAE,QAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,C","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: inputText.props,\n    textArea: textArea.props,\n    cta: {\n      label: 'Delete translation',\n      type: 'delete',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"delete.js"}

package/lib/template/teams-dashboard/index.js

@@ -43,7 +43,9 @@ const TeamsDashboard = ({
     }));
   };
 
-  const sectionsList = (0, _map2.default)(buildSection, sections);
+  const sectionsList = (0, _react.useMemo)(() => _map2.default.convert({
+    cap: false
+  })(buildSection, sections), [buildSection, sections]);
   return isLoading ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.loader
   }, /*#__PURE__*/_react.default.createElement(_loader.default, {

package/lib/template/teams-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","style","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","MoocHeader","PropTypes","arrayOf","shape","Cta","CardsList","bool"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4B,qBAAS,KAAT,CAAlC;AACA,QAAMC,UAAU,GAAG,wBAAY,MAAMD,WAAW,CAAC,IAAD,CAA7B,CAAnB;AACA,QAAME,WAAW,GAAG,wBAAY,MAAMF,WAAW,CAAC,KAAD,CAA7B,CAApB;;AAEA,QAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AACvC,wBAAO,6BAAC,kBAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAFD;;AAGA,QAAME,YAAY,GAAG,mBAAIJ,YAAJ,EAAkBN,QAAlB,CAArB;AACA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEU,eAAMC;AAAtB,kBACE,6BAAC,eAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAEV,UAAU,GAAGS,eAAME,sBAAT,GAAkCF,eAAMG;AAF/D,kBAIE,6BAAC,mBAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAEhB,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGS,eAAMI,eAAT,GAA2B;AAAlF,KACGL,YADH,CAXF,CALF;AAqBD,CA9BD;;AAgCAb,cAAc,CAACmB,SAAf,2CAA2B;AACzBlB,EAAAA,IAAI,EAAEmB,oBAAWD,SAAX,CAAqBlB,IADF;AAEzBC,EAAAA,aAAa,EAAEmB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,aAAIL,SAApB,CAAlB,CAFU;AAGzBhB,EAAAA,QAAQ,EAAEkB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBE,mBAAUN,SAA1B,CAAlB,CAHe;AAIzBf,EAAAA,SAAS,EAAEiB,mBAAUK;AAJI,CAA3B;eAOe1B,c","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true));\n  const onMenuClose = useCallback(() => setShadowed(false));\n\n  const buildSection = (section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  };\n  const sectionsList = map(buildSection, sections);\n  return isLoading ? (\n    <div className={style.loader}>\n      <Loader data-name=\"teams-dashboard-loader\" />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","style","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","MoocHeader","PropTypes","arrayOf","shape","Cta","CardsList","bool"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4B,qBAAS,KAAT,CAAlC;AACA,QAAMC,UAAU,GAAG,wBAAY,MAAMD,WAAW,CAAC,IAAD,CAA7B,CAAnB;AACA,QAAME,WAAW,GAAG,wBAAY,MAAMF,WAAW,CAAC,KAAD,CAA7B,CAApB;;AAEA,QAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AACvC,wBAAO,6BAAC,kBAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAFD;;AAGA,QAAME,YAAY,GAAG,oBAAQ,MAAM,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CAAd,EAAiE,CACpFM,YADoF,EAEpFN,QAFoF,CAAjE,CAArB;AAIA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEY,eAAMC;AAAtB,kBACE,6BAAC,eAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAEZ,UAAU,GAAGW,eAAME,sBAAT,GAAkCF,eAAMG;AAF/D,kBAIE,6BAAC,mBAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAElB,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGW,eAAMI,eAAT,GAA2B;AAAlF,KACGP,YADH,CAXF,CALF;AAqBD,CAjCD;;AAmCAb,cAAc,CAACqB,SAAf,2CAA2B;AACzBpB,EAAAA,IAAI,EAAEqB,oBAAWD,SAAX,CAAqBpB,IADF;AAEzBC,EAAAA,aAAa,EAAEqB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,aAAIL,SAApB,CAAlB,CAFU;AAGzBlB,EAAAA,QAAQ,EAAEoB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBE,mBAAUN,SAA1B,CAAlB,CAHe;AAIzBjB,EAAAA,SAAS,EAAEmB,mBAAUK;AAJI,CAA3B;eAOe5B,c","sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true));\n  const onMenuClose = useCallback(() => setShadowed(false));\n\n  const buildSection = (section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  };\n  const sectionsList = useMemo(() => map.convert({cap: false})(buildSection, sections), [\n    buildSection,\n    sections\n  ]);\n  return isLoading ? (\n    <div className={style.loader}>\n      <Loader data-name=\"teams-dashboard-loader\" />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.1.6",
+  "version": "10.1.7",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -50,7 +50,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "3.9.33",
+    "@coorpacademy/nova-icons": "3.9.34",
     "autoprefixer": "^9.8.0",
     "classnames": "^2.2.6",
     "css-color-function": "^1.3.3",
@@ -118,5 +118,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "837c4710661d1478368478577cee839dfc9257d7"
+  "gitHead": "4f0e33e3499622a7fe5256b40cc3929edbfe7e35"
 }