@coorpacademy/components 11.20.0 → 11.20.2

package/es/template/back-office/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Header","style","createLayout","Template","Layout","props","header","contentWrapper","propTypes","shape"],"sources":["../../../../src/template/back-office/layout/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <div className={style.header}>\n          <Header {...header} />\n        </div>\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAD,IAAWD,KAAjB;IACA,oBACE,8CACE;MAAK,SAAS,EAAEJ,KAAK,CAACK;IAAtB,gBACE,oBAAC,MAAD,EAAYA,MAAZ,CADF,CADF,eAIE;MAAK,SAAS,EAAEL,KAAK,CAACM;IAAtB,gBACE,oBAAC,QAAD,EAAcF,KAAd,CADF,CAJF,CADF;EAUD,CAZD;;EAcAD,MAAM,CAACI,SAAP,2CAAmB;IACjBF,MAAM,EAAEP,SAAS,CAACU,KAAV,CAAgBT,MAAM,CAACQ,SAAvB;EADS,CAAnB;EAIA,OAAOJ,MAAP;AACD,CApBD;;AAsBA,eAAeF,YAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Header","Provider","style","createLayout","Template","Layout","props","header","contentWrapper","propTypes","shape","contextTypes","skin","childContextTypes","translate"],"sources":["../../../../src/template/back-office/layout/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <div className={style.header}>\n          <Header {...header} />\n        </div>\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  Layout.contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAD,IAAWD,KAAjB;IACA,oBACE,8CACE;MAAK,SAAS,EAAEJ,KAAK,CAACK;IAAtB,gBACE,oBAAC,MAAD,EAAYA,MAAZ,CADF,CADF,eAIE;MAAK,SAAS,EAAEL,KAAK,CAACM;IAAtB,gBACE,oBAAC,QAAD,EAAcF,KAAd,CADF,CAJF,CADF;EAUD,CAZD;;EAcAD,MAAM,CAACI,SAAP,2CAAmB;IACjBF,MAAM,EAAER,SAAS,CAACW,KAAV,CAAgBV,MAAM,CAACS,SAAvB;EADS,CAAnB;EAIAJ,MAAM,CAACM,YAAP,GAAsB;IACpBC,IAAI,EAAEX,QAAQ,CAACY,iBAAT,CAA2BD,IADb;IAEpBE,SAAS,EAAEb,QAAQ,CAACY,iBAAT,CAA2BC;EAFlB,CAAtB;EAKA,OAAOT,MAAP;AACD,CAzBD;;AA2BA,eAAeF,YAAf"}

package/es/template/common/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDAkDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDAiDC"}

package/es/template/common/dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {\n    sections = [],\n    hero,\n    welcome,\n    cookie,\n    popinWithCards,\n    'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n  } = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      case 'review':\n        return <ReviewBanner {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes),\n      PropTypes.shape(ReviewBanner.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes),\n  'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {\n    sections = [],\n    hero,\n    welcome,\n    cookie,\n    popinWithCards,\n    'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n  } = props;\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      case 'review':\n        return <ReviewBanner {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes),\n      PropTypes.shape(ReviewBanner.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes),\n  'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}

package/es/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA2DC"}

package/es/template/common/search-page/index.js

@@ -3,7 +3,7 @@ import _getOr from "lodash/fp/getOr";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
-import React from 'react';
+import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../../atom/provider';
 import Button from '../../../atom/button';
@@ -33,6 +33,7 @@ const SearchPage = (props, context) => {
 
   const defaultColor = _getOr('#00B0FF', 'common.primary', skin);
 
+  const nodeRef = useRef(null);
   const recommendationsView = _isEmpty(recommendations) ? null : /*#__PURE__*/React.createElement(CardsList, recommendations);
   const cardsView = _isEmpty(cards.list) ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: style.noresults
@@ -58,7 +59,8 @@ const SearchPage = (props, context) => {
     className: style.title,
     role: "status"
   }, title), cardsView), popinWithCards ? /*#__PURE__*/React.createElement("div", {
-    className: style.popinWithCards
+    className: style.popinWithCards,
+    ref: nodeRef
   }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null);
 };
 

package/es/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","nodeRef","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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"}

package/es/template/teams-dashboard/index.d.ts

@@ -101,6 +101,30 @@ declare namespace TeamsDashboard {
         }> | null | undefined)[]>;
         const isLoading: PropTypes.Requireable<boolean>;
     }
+    namespace contextTypes {
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+            common: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            images: PropTypes.Requireable<PropTypes.InferProps<{
+                'logo-mobile': PropTypes.Requireable<any>;
+                logo: PropTypes.Requireable<any>;
+                'logo-email': PropTypes.Requireable<any>;
+                login: PropTypes.Requireable<any>;
+            }>>;
+            icons: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            mod: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            courses: PropTypes.Requireable<any[]>;
+            texts: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
+    }
 }
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/teams-dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/teams-dashboard/index.js"],"names":[],"mappings":";AASA;;;;;gBAmCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/teams-dashboard/index.js"],"names":[],"mappings":";AAUA;;;;;gBAkCC"}

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

@@ -8,6 +8,7 @@ import MoocHeader from '../../organism/mooc-header';
 import Cta from '../../atom/cta';
 import Loader from '../../atom/loader';
 import CardsList from '../../molecule/dashboard/cards-list';
+import Provider from '../../atom/provider';
 import style from './style.css';
 
 const TeamsDashboard = ({
@@ -28,10 +29,9 @@ const TeamsDashboard = ({
     cap: false
   })(buildSection, sections), [buildSection, sections]);
   return isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: style.loader
-  }, /*#__PURE__*/React.createElement(Loader, {
+    className: style.loader,
     "data-name": "teams-dashboard-loader"
-  })) : /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement("div", {
     "data-name": "teams-dashboard",
     className: isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard
   }, /*#__PURE__*/React.createElement(MoocHeader, {
@@ -52,5 +52,9 @@ TeamsDashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),
   isLoading: PropTypes.bool
 } : {};
+TeamsDashboard.contextTypes = {
+  translate: Provider.childContextTypes.translate,
+  skin: Provider.childContextTypes.skin
+};
 export default TeamsDashboard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"sources":["../../../src/template/teams-dashboard/index.js"],"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 = useCallback((section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  }, []);\n\n  const sectionsList = useMemo(\n    () => map.convert({cap: false})(buildSection, sections),\n    [buildSection, sections]\n  );\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"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,aAAP;EAAsBC,QAAtB;EAAgCC;AAAhC,CAAD,KAAgD;EACrE,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4Bf,QAAQ,CAAC,KAAD,CAA1C;EACA,MAAMgB,UAAU,GAAGf,WAAW,CAAC,MAAMc,WAAW,CAAC,IAAD,CAAlB,EAA0B,EAA1B,CAA9B;EACA,MAAME,WAAW,GAAGhB,WAAW,CAAC,MAAMc,WAAW,CAAC,KAAD,CAAlB,EAA2B,EAA3B,CAA/B;EAEA,MAAMG,YAAY,GAAGjB,WAAW,CAAC,CAACkB,OAAD,EAAUC,KAAV,KAAoB;IACnD,oBAAO,oBAAC,SAAD,eAAeD,OAAf;MAAwB,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;IAA7C,GAAP;EACD,CAF+B,EAE7B,EAF6B,CAAhC;EAIA,MAAME,YAAY,GAAGpB,OAAO,CAC1B,MAAM,KAAIqB,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CADoB,EAE1B,CAACM,YAAD,EAAeN,QAAf,CAF0B,CAA5B;EAKA,OAAOC,SAAS,gBACd;IAAK,SAAS,EAAEL,KAAK,CAACiB;EAAtB,gBACE,oBAAC,MAAD;IAAQ,aAAU;EAAlB,EADF,CADc,gBAKd;IACE,aAAU,iBADZ;IAEE,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;EAF/D,gBAIE,oBAAC,UAAD;IACE,aAAU,wBADZ;IAEE,IAAI,EAAEjB,IAFR;IAGE,KAAK,EAAEC,aAHT;IAIE,UAAU,EAAEK,UAJd;IAKE,WAAW,EAAEC;EALf,EAJF,eAWE;IAAK,aAAU,kBAAf;IAAkC,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;EAAlF,GACGN,YADH,CAXF,CALF;AAqBD,CAnCD;;AAqCAb,cAAc,CAACoB,SAAf,2CAA2B;EACzBnB,IAAI,EAAEN,UAAU,CAACyB,SAAX,CAAqBnB,IADF;EAEzBC,aAAa,EAAER,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgB1B,GAAG,CAACwB,SAApB,CAAlB,CAFU;EAGzBjB,QAAQ,EAAET,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgBxB,SAAS,CAACsB,SAA1B,CAAlB,CAHe;EAIzBhB,SAAS,EAAEV,SAAS,CAAC6B;AAJI,CAA3B;AAOA,eAAevB,cAAf"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","Provider","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool","contextTypes","translate","childContextTypes","skin"],"sources":["../../../src/template/teams-dashboard/index.js"],"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 Provider from '../../atom/provider';\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 = useCallback((section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  }, []);\n\n  const sectionsList = useMemo(\n    () => map.convert({cap: false})(buildSection, sections),\n    [buildSection, sections]\n  );\n  return isLoading ? (\n    <div className={style.loader} data-name=\"teams-dashboard-loader\">\n      <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\nTeamsDashboard.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default TeamsDashboard;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,aAAP;EAAsBC,QAAtB;EAAgCC;AAAhC,CAAD,KAAgD;EACrE,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BhB,QAAQ,CAAC,KAAD,CAA1C;EACA,MAAMiB,UAAU,GAAGhB,WAAW,CAAC,MAAMe,WAAW,CAAC,IAAD,CAAlB,EAA0B,EAA1B,CAA9B;EACA,MAAME,WAAW,GAAGjB,WAAW,CAAC,MAAMe,WAAW,CAAC,KAAD,CAAlB,EAA2B,EAA3B,CAA/B;EAEA,MAAMG,YAAY,GAAGlB,WAAW,CAAC,CAACmB,OAAD,EAAUC,KAAV,KAAoB;IACnD,oBAAO,oBAAC,SAAD,eAAeD,OAAf;MAAwB,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;IAA7C,GAAP;EACD,CAF+B,EAE7B,EAF6B,CAAhC;EAIA,MAAME,YAAY,GAAGrB,OAAO,CAC1B,MAAM,KAAIsB,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CADoB,EAE1B,CAACM,YAAD,EAAeN,QAAf,CAF0B,CAA5B;EAIA,OAAOC,SAAS,gBACd;IAAK,SAAS,EAAEL,KAAK,CAACiB,MAAtB;IAA8B,aAAU;EAAxC,gBACE,oBAAC,MAAD,OADF,CADc,gBAKd;IACE,aAAU,iBADZ;IAEE,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;EAF/D,gBAIE,oBAAC,UAAD;IACE,aAAU,wBADZ;IAEE,IAAI,EAAEjB,IAFR;IAGE,KAAK,EAAEC,aAHT;IAIE,UAAU,EAAEK,UAJd;IAKE,WAAW,EAAEC;EALf,EAJF,eAWE;IAAK,aAAU,kBAAf;IAAkC,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;EAAlF,GACGN,YADH,CAXF,CALF;AAqBD,CAlCD;;AAoCAb,cAAc,CAACoB,SAAf,2CAA2B;EACzBnB,IAAI,EAAEP,UAAU,CAAC0B,SAAX,CAAqBnB,IADF;EAEzBC,aAAa,EAAET,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC6B,KAAV,CAAgB3B,GAAG,CAACyB,SAApB,CAAlB,CAFU;EAGzBjB,QAAQ,EAAEV,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC6B,KAAV,CAAgBzB,SAAS,CAACuB,SAA1B,CAAlB,CAHe;EAIzBhB,SAAS,EAAEX,SAAS,CAAC8B;AAJI,CAA3B;AAOAvB,cAAc,CAACwB,YAAf,GAA8B;EAC5BC,SAAS,EAAE3B,QAAQ,CAAC4B,iBAAT,CAA2BD,SADV;EAE5BE,IAAI,EAAE7B,QAAQ,CAAC4B,iBAAT,CAA2BC;AAFL,CAA9B;AAKA,eAAe3B,cAAf"}

package/es/util/render-with-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-with-context.d.ts","sourceRoot":"","sources":["../../src/util/render-with-context.js"],"names":[],"mappings":"AAOO,8LA0BN"}
+{"version":3,"file":"render-with-context.d.ts","sourceRoot":"","sources":["../../src/util/render-with-context.js"],"names":[],"mappings":"AAOO,8LA4BN"}

package/es/util/render-with-context.js

@@ -27,7 +27,9 @@ export const renderWithContext = (component, options = {}) => {
   const wrapper = ({
     children
   }) => {
-    const hasContextTypes = useLegacyProvider || has(['type', 'contextTypes'], children);
+    const hasContextTypes = useLegacyProvider || has(['type', 'contextTypes'], children); // eslint-disable-next-line no-console
+
+    if (!hasContextTypes) console.log('ContextTypes not found, using WebContext');
     return hasContextTypes ? /*#__PURE__*/React.createElement(Provider, _extends({}, rest, {
       translate: translate
     }), children) : /*#__PURE__*/React.createElement(WebContext, _extends({}, rest, {

package/es/util/render-with-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-with-context.js","names":["React","PropTypes","render","has","mockTranslate","Provider","WebContext","renderWithContext","component","options","context","useLegacyProvider","renderOptions","translate","rest","wrapper","children","hasContextTypes","propTypes","node"],"sources":["../../src/util/render-with-context.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {render} from '@testing-library/react';\nimport has from 'lodash/fp/has';\nimport {mockTranslate} from '@coorpacademy/translate';\nimport Provider, {WebContext} from '../atom/provider';\n\nexport const renderWithContext = (component, options = {}) => {\n  const {context = {}, useLegacyProvider = false, ...renderOptions} = options;\n  // uses mockTranslate as a default translate function\n  const {translate = mockTranslate, ...rest} = context;\n\n  const wrapper = ({children}) => {\n    const hasContextTypes = useLegacyProvider || has(['type', 'contextTypes'], children);\n    return hasContextTypes ? (\n      <Provider {...rest} translate={translate}>\n        {children}\n      </Provider>\n    ) : (\n      <WebContext {...rest} translate={translate}>\n        {children}\n      </WebContext>\n    );\n  };\n\n  wrapper.propTypes = {\n    children: PropTypes.node\n  };\n\n  return render(component, {\n    ...renderOptions,\n    wrapper\n  });\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SAAQC,aAAR,QAA4B,yBAA5B;AACA,OAAOC,QAAP,IAAkBC,UAAlB,QAAmC,kBAAnC;AAEA,OAAO,MAAMC,iBAAiB,GAAG,CAACC,SAAD,EAAYC,OAAO,GAAG,EAAtB,KAA6B;EAC5D,MAAM;IAACC,OAAO,GAAG,EAAX;IAAeC,iBAAiB,GAAG;EAAnC,IAA8DF,OAApE;EAAA,MAAmDG,aAAnD,iCAAoEH,OAApE,aAD4D,CAE5D;;;EACA,MAAM;IAACI,SAAS,GAAGT;EAAb,IAAuCM,OAA7C;EAAA,MAAqCI,IAArC,iCAA6CJ,OAA7C;;EAEA,MAAMK,OAAO,GAAG,CAAC;IAACC;EAAD,CAAD,KAAgB;IAC9B,MAAMC,eAAe,GAAGN,iBAAiB,IAAIR,GAAG,CAAC,CAAC,MAAD,EAAS,cAAT,CAAD,EAA2Ba,QAA3B,CAAhD;IACA,OAAOC,eAAe,gBACpB,oBAAC,QAAD,eAAcH,IAAd;MAAoB,SAAS,EAAED;IAA/B,IACGG,QADH,CADoB,gBAKpB,oBAAC,UAAD,eAAgBF,IAAhB;MAAsB,SAAS,EAAED;IAAjC,IACGG,QADH,CALF;EASD,CAXD;;EAaAD,OAAO,CAACG,SAAR,2CAAoB;IAClBF,QAAQ,EAAEf,SAAS,CAACkB;EADF,CAApB;EAIA,OAAOjB,MAAM,CAACM,SAAD,eACRI,aADQ;IAEXG;EAFW,GAAb;AAID,CA1BM"}
+{"version":3,"file":"render-with-context.js","names":["React","PropTypes","render","has","mockTranslate","Provider","WebContext","renderWithContext","component","options","context","useLegacyProvider","renderOptions","translate","rest","wrapper","children","hasContextTypes","console","log","propTypes","node"],"sources":["../../src/util/render-with-context.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {render} from '@testing-library/react';\nimport has from 'lodash/fp/has';\nimport {mockTranslate} from '@coorpacademy/translate';\nimport Provider, {WebContext} from '../atom/provider';\n\nexport const renderWithContext = (component, options = {}) => {\n  const {context = {}, useLegacyProvider = false, ...renderOptions} = options;\n  // uses mockTranslate as a default translate function\n  const {translate = mockTranslate, ...rest} = context;\n\n  const wrapper = ({children}) => {\n    const hasContextTypes = useLegacyProvider || has(['type', 'contextTypes'], children);\n    // eslint-disable-next-line no-console\n    if (!hasContextTypes) console.log('ContextTypes not found, using WebContext');\n    return hasContextTypes ? (\n      <Provider {...rest} translate={translate}>\n        {children}\n      </Provider>\n    ) : (\n      <WebContext {...rest} translate={translate}>\n        {children}\n      </WebContext>\n    );\n  };\n\n  wrapper.propTypes = {\n    children: PropTypes.node\n  };\n\n  return render(component, {\n    ...renderOptions,\n    wrapper\n  });\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SAAQC,aAAR,QAA4B,yBAA5B;AACA,OAAOC,QAAP,IAAkBC,UAAlB,QAAmC,kBAAnC;AAEA,OAAO,MAAMC,iBAAiB,GAAG,CAACC,SAAD,EAAYC,OAAO,GAAG,EAAtB,KAA6B;EAC5D,MAAM;IAACC,OAAO,GAAG,EAAX;IAAeC,iBAAiB,GAAG;EAAnC,IAA8DF,OAApE;EAAA,MAAmDG,aAAnD,iCAAoEH,OAApE,aAD4D,CAE5D;;;EACA,MAAM;IAACI,SAAS,GAAGT;EAAb,IAAuCM,OAA7C;EAAA,MAAqCI,IAArC,iCAA6CJ,OAA7C;;EAEA,MAAMK,OAAO,GAAG,CAAC;IAACC;EAAD,CAAD,KAAgB;IAC9B,MAAMC,eAAe,GAAGN,iBAAiB,IAAIR,GAAG,CAAC,CAAC,MAAD,EAAS,cAAT,CAAD,EAA2Ba,QAA3B,CAAhD,CAD8B,CAE9B;;IACA,IAAI,CAACC,eAAL,EAAsBC,OAAO,CAACC,GAAR,CAAY,0CAAZ;IACtB,OAAOF,eAAe,gBACpB,oBAAC,QAAD,eAAcH,IAAd;MAAoB,SAAS,EAAED;IAA/B,IACGG,QADH,CADoB,gBAKpB,oBAAC,UAAD,eAAgBF,IAAhB;MAAsB,SAAS,EAAED;IAAjC,IACGG,QADH,CALF;EASD,CAbD;;EAeAD,OAAO,CAACK,SAAR,2CAAoB;IAClBJ,QAAQ,EAAEf,SAAS,CAACoB;EADF,CAApB;EAIA,OAAOnB,MAAM,CAACM,SAAD,eACRI,aADQ;IAEXG;EAFW,GAAb;AAID,CA5BM"}

package/lib/atom/title/style.css

@@ -58,7 +58,7 @@
 
 .smallSubtitleFormGroup{
     composes: subtitleFormGroup;
-    max-width: 450px
+    max-width: 455px;
 }
 
 .smallSubtitleFormGroupWithoutMargin{

package/lib/molecule/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AAuPA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AA9JF,uDA0HG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA2PA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAlKF,uDA8HG"}

package/lib/molecule/card/index.js

@@ -182,8 +182,12 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
     className: _style.default.lockIcon,
     height: 48
   }), /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": disabledArialabel
-  }, disabledContent)) : null;
+    "aria-label": disabledArialabel // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: disabledContent
+    }
+  })) : null;
   const inlineBadgeStyle = {
     color: primaryColor
   };

package/lib/molecule/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockContent","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span aria-label={disabledArialabel}>{disabledContent}</span>\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockContent","lockIcon","__html","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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"}

package/lib/molecule/card/style.css

@@ -206,7 +206,7 @@
 
 .lockWrapper:hover span {
   font-weight: 600;
-  width: 150px;
+  width: 185px;
 }
 
 .lockContent {
@@ -217,7 +217,7 @@
 }
 
 .lockContent span {
-  width: 134px;
+  width: 174px;
   height: 40px;
   color: white;
   text-align: center;

package/lib/molecule/cm-popin/index.d.ts

@@ -2,6 +2,9 @@ export default CMPopin;
 declare function CMPopin(props: any): JSX.Element;
 declare namespace CMPopin {
     export { propTypes };
+    export namespace contextTypes {
+        const translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    }
 }
 import propTypes from "./types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AA+BA,kDAwOC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAgCA,kDAgQC"}

package/lib/molecule/cm-popin/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
@@ -13,6 +13,8 @@ var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
@@ -31,6 +33,10 @@ var _types = _interopRequireDefault(require("./types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const IconType = {
   lockedContent: /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPadlock, {
     className: _style.default.lockIcon
@@ -70,6 +76,32 @@ const CMPopin = props => {
     backgroundImage: `url(${backgroundImageUrl})`,
     backgroundSize: 'cover'
   } : null;
+  const handleCloseButton = (0, _react.useMemo)(() => () => onClose(), [onClose]);
+  const nodeRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (mode === 'items') {
+      const closePopin = e => {
+        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
+          handleCloseButton();
+        }
+      };
+
+      const handleKeyDown = e => {
+        if (e?.key === 'Escape') {
+          handleCloseButton();
+        }
+      };
+
+      document.addEventListener('click', closePopin);
+      document.addEventListener('touchstart', closePopin);
+      document.addEventListener('keydown', handleKeyDown);
+      return () => {
+        document.removeEventListener('click', closePopin);
+        document.removeEventListener('touchstart', closePopin);
+        document.removeEventListener('keydown', handleKeyDown);
+      };
+    }
+  }, [handleCloseButton, mode, onClose]);
 
   const renderHeader = () => {
     if (header) {
@@ -164,22 +196,25 @@ const CMPopin = props => {
     return null;
   };
 
-  const wrapperPopinStyle = (0, _classnames.default)(mode === 'cookie' && _style.default.popinCookie, mode === 'list' && _style.default.popinFilesList, _style.default.popin);
+  const wrapperPopinStyle = (0, _classnames.default)(mode === 'cookie' && _style.default.popinCookie, mode === 'list' && _style.default.popinFilesList, mode === 'items' && _style.default.popinItems, _style.default.popin);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: mode !== 'cookie' ? _style.default.background : null,
     style: backgroundImageStyle,
     "data-name": 'cm-popin-container'
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: wrapperPopinStyle
+    className: wrapperPopinStyle,
+    ref: nodeRef
   }, /*#__PURE__*/_react.default.createElement("header", {
     className: _style.default.popinHeader
-  }, renderHeader(), onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
-    onClick: onClose,
+  }, renderHeader(), onClose ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.onCloseButton
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
+    onClick: handleCloseButton,
     "data-name": 'close-icon',
     "aria-label": 'close-icon',
     size: "small",
     icon: "close"
-  }) : null), mode !== 'items' && mode !== 'list' ? /*#__PURE__*/_react.default.createElement("div", {
+  })) : null), mode !== 'items' && mode !== 'list' ? /*#__PURE__*/_react.default.createElement("div", {
     className: mode === 'cookie' || mode === 'information' ? _style.default.cookieTitleContainer : _style.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentSection
@@ -233,6 +268,9 @@ const CMPopin = props => {
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+CMPopin.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
 var _default = CMPopin;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","isEmpty","itemsContainer","filesListContainer","wrapperPopinStyle","classNames","popinCookie","popinFilesList","popin","background","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    style.popin\n  );\n\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["IconType","lockedContent","style","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","logo","AlertDiamond","WindowUpload","MoonRocket","CheckCircle1","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","useMemo","nodeRef","useRef","useEffect","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","map","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","isEmpty","itemsContainer","filesListContainer","wrapperPopinStyle","classNames","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","onCloseButton","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","propTypes","contextTypes","translate","Provider","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <div className={style.onCloseButton}>\n              <ButtonLinkIconOnly\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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"}