@coorpacademy/components 10.1.6 → 10.1.10

package/lib/organism/setup-header/style.css

@@ -83,6 +83,11 @@
   text-decoration: none;
 }
 
+.button {
+  min-width: 175px;
+  margin-right: 16px;
+}
+
 .element { 
   font-family: Gilroy;
   font-size: 14px;
@@ -99,48 +104,7 @@
   border-radius: 5px;
 }
 
-.icon {
-  height: 12px;
-  top: 0;
-  left: 0;
-  margin-right: 8px;
-}
-
-.seeMyPlatform {
-  composes: element;
-  color: white;
-  min-width: 175px;
-  background-color: cm_primary_blue;
-}
-
-.seeMyPlatform:hover {
-  background-color: cm_blue_600;
-}
-
-.globalAnalytics {
-  composes: element;
-  min-width: 175px;
-  background-color: cm_grey_100;
-}
-
-.globalAnalytics:hover {
-  background-color: cm_grey_200;
-}
-
-.platformList {
-  composes: element;
-  width: 145px;
-  margin-right: 16px;
-  background-color: xtraLightGrey;
-}
-
-.platformList:hover {
-  background-color: cm_grey_100;
-}
-
 .logOut {
-  composes: element;
-  background-color: transparent;
   width: 100px;
   color: negative;
 }
@@ -179,6 +143,10 @@
   border-radius: 50%;
 }
 
+.platformListIcon{
+  display: none;
+}
+
 @media cm_tablet {
   [data-name="logout-show"] {
     position: absolute;
@@ -192,6 +160,11 @@
   }
 
   [data-name="logout-show"] .logOut {
+    border-radius: 7px;
+    height: 44px;
+    display: flex;
+    margin: 0;
+    color: negative;
     background-color: cm_grey_100;
     justify-content: center;
     align-items: center;
@@ -199,6 +172,12 @@
     text-decoration: none;
   }
 
+  [data-name="logout-show"] .logOut:hover {
+    display: flex;
+    margin: 0;
+    color: cm_negative_200;
+  }
+
   .arrowUp {
     width: 0;
     height: 0;
@@ -208,33 +187,18 @@
     border-bottom: 8px solid cm_grey_100;
   }
 
-  [data-name="logout-show"] .logOut {
+  .platformListIcon {
     display: flex;
-    margin: 0;
-    color: black;
-  }
-
-  [data-name="logout-show"] .logOut:hover {
-    display: flex;
-    margin: 0;
-    color: negative;
-  }
-
-  .platformList {
     justify-content: center;
     align-items: center;
-    padding: 0 8px;
-    width: auto;
+    padding: 0 16px 0px 0px;
+    width: 44px;
   }
 
-  .platformList li {
+  .platformList {
     display: none;
   }
 
-  .platformList .icon {
-    margin-right: 0;
-  }
-
   .platformName {
     font-size: 16px;
   }
@@ -243,9 +207,10 @@
     display: none;
   }
 
-  .platformList .icon {
-    width: 30px;
+  .container {
+    margin: 24px 32px;
   }
+  
 }
 
 @media mobile {

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/lib/util/button-icons.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ICONS = void 0;
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+const ICONS = {
+  add: _novaIcons.NovaSolidRemoveAddAddCircle1,
+  analytics: _novaIcons.NovaCompositionCoorpacademyAnalytics,
+  bin: _novaIcons.NovaSolidContentEditionBin,
+  'bullet-point': _novaIcons.NovaCompositionCoorpacademyBulletPoint,
+  'chevron-left': _novaIcons.NovaCompositionNavigationArrowLeft,
+  'chevron-right': _novaIcons.NovaCompositionNavigationArrowRight,
+  close: _novaIcons.NovaSolidStatusClose,
+  edit: _novaIcons.NovaSolidContentEditionPencilWrite,
+  list: _novaIcons.NovaSolidContentContentViewModule1,
+  logout: _novaIcons.NovaSolidLoginLogout1,
+  save: _novaIcons.NovaSolidComputersSdCard,
+  see: _novaIcons.NovaCompositionCoorpacademyEye
+};
+exports.ICONS = ICONS;
+//# sourceMappingURL=button-icons.js.map

package/lib/util/button-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/button-icons.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","list","ListIcon","logout","LogoutIcon","save","SaveIcon","see","EyeIcon"],"mappings":";;;;;AAAA;;AAeO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAEC,uCADc;AAEnBC,EAAAA,SAAS,EAAEC,+CAFQ;AAGnBC,EAAAA,GAAG,EAAEC,qCAHc;AAInB,kBAAgBC,iDAJG;AAKnB,kBAAgBC,6CALG;AAMnB,mBAAiBC,8CANE;AAOnBC,EAAAA,KAAK,EAAEC,+BAPY;AAQnBC,EAAAA,IAAI,EAAEC,6CARa;AASnBC,EAAAA,IAAI,EAAEC,6CATa;AAUnBC,EAAAA,MAAM,EAAEC,gCAVW;AAWnBC,EAAAA,IAAI,EAAEC,mCAXa;AAYnBC,EAAAA,GAAG,EAAEC;AAZc,CAAd","sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  save: SaveIcon,\n  see: EyeIcon\n};\n"],"file":"button-icons.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.1.6",
+  "version": "10.1.10",
   "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": "44ac7914669ea4dd95d88063ade9e83f010c445e"
 }

package/es/atom/button-link/test/fixtures/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/icon-button.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'secondary',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: {\n      position: 'center',\n      type: 'close'\n    },\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"icon-button.js"}

package/es/atom/tag/test/fixtures/revision.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/revision.js"],"names":["props","label","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    label: 'Ongoing changes',\n    type: 'revision'\n  }\n};\n"],"file":"revision.js"}

package/lib/atom/button-link/test/fixtures/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/icon-button.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'secondary',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: {\n      position: 'center',\n      type: 'close'\n    },\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"icon-button.js"}

package/lib/atom/tag/test/fixtures/revision.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/revision.js"],"names":["props","label","type"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,C","sourcesContent":["export default {\n  props: {\n    label: 'Ongoing changes',\n    type: 'revision'\n  }\n};\n"],"file":"revision.js"}