@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

package/es/molecule/select-multiple/style.css

@@ -19,7 +19,7 @@
 /*
   default theme
 */
-.default {
+.defaultStyle {
   display: block;
   position: relative;
   user-select: none;
@@ -27,11 +27,11 @@
 }
 
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .modified {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .select {
@@ -148,7 +148,7 @@
   setup theme
 */
 .setup {
-  composes: default;
+  composes: defaultStyle;
   display: flex;
   align-items: center;
   height: 50px;
@@ -197,7 +197,7 @@
 */
 
 .cockpit {
-  composes: default;
+  composes: defaultStyle;
   display: flex;
   align-items: center;
   margin-left: 20px;

package/es/molecule/theme-image/index.js

@@ -17,7 +17,7 @@ function ThemeImage({
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.default
+    className: style.defaultStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: style.background,
     style: defaultStyle

package/es/molecule/theme-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","createElement","className","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAUA,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAI,CAAC;EAC/B,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMK,WAAW,GAAGD,kBAAkB,CAAC,GAAGJ,KAAK,SAAS,CAAC;EACzD,MAAMM,WAAW,GAAGF,kBAAkB,CAAC,GAAGJ,KAAK,SAAS,CAAC;EACzD,MAAMO,YAAY,GAAGH,kBAAkB,CAAC,GAAGJ,KAAK,UAAU,CAAC;EAE3D,oBACEN,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACY;EAAQ,gBAC5BhB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACa;EAAQ,gBAC5BjB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAEK;EAAa,CAAE,CACrD,CAAC,eACNT,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACe;EAAiB,gBACrCnB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAES;EAAa,CAAE,CACrD,CAAC,eACNb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACgB;EAAgB,gBACpCpB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAEQ;EAAY,CAAE,CACpD,CAAC,eACNZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACiB;EAAgB,gBACpCrB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAEO;EAAY,CAAE,CACpD,CACF,CAAC;AAEV;AAEAN,UAAU,CAACiB,YAAY,GAAG;EACxBf,IAAI,EAAEJ,QAAQ,CAACoB,iBAAiB,CAAChB;AACnC,CAAC;AAEDF,UAAU,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBrB,KAAK,EAAEL,SAAS,CAAC2B,MAAM,CAACC;AAC1B,CAAC;AAED,eAAexB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","createElement","className","wrapper","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.defaultStyle}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAUA,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAI,CAAC;EAC/B,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMK,WAAW,GAAGD,kBAAkB,CAAC,GAAGJ,KAAK,SAAS,CAAC;EACzD,MAAMM,WAAW,GAAGF,kBAAkB,CAAC,GAAGJ,KAAK,SAAS,CAAC;EACzD,MAAMO,YAAY,GAAGH,kBAAkB,CAAC,GAAGJ,KAAK,UAAU,CAAC;EAE3D,oBACEN,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACY;EAAQ,gBAC5BhB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACK;EAAa,gBACjCT,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACa,UAAW;IAACb,KAAK,EAAEK;EAAa,CAAE,CACrD,CAAC,eACNT,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc;EAAiB,gBACrClB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACa,UAAW;IAACb,KAAK,EAAES;EAAa,CAAE,CACrD,CAAC,eACNb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACe;EAAgB,gBACpCnB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACa,UAAW;IAACb,KAAK,EAAEQ;EAAY,CAAE,CACpD,CAAC,eACNZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACgB;EAAgB,gBACpCpB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACa,UAAW;IAACb,KAAK,EAAEO;EAAY,CAAE,CACpD,CACF,CAAC;AAEV;AAEAN,UAAU,CAACgB,YAAY,GAAG;EACxBd,IAAI,EAAEJ,QAAQ,CAACmB,iBAAiB,CAACf;AACnC,CAAC;AAEDF,UAAU,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBpB,KAAK,EAAEL,SAAS,CAAC0B,MAAM,CAACC;AAC1B,CAAC;AAED,eAAevB,UAAU","ignoreList":[]}

package/es/molecule/theme-image/style.css

@@ -21,7 +21,7 @@
   height: 100%;
 }
 
-.default {
+.defaultStyle {
   display: block;
   width: 100%;
   height: 100%;
@@ -40,7 +40,7 @@
     display: block;
   }
 
-  .default,
+  .defaultStyle,
   .tabletContainer,
   .mobileContainer {
     display: none;
@@ -52,7 +52,7 @@
     display: block;
   }
 
-  .default,
+  .defaultStyle,
   .desktopContainer,
   .mobileContainer {
     display: none;
@@ -64,7 +64,7 @@
     display: block;
   }
 
-  .default,
+  .defaultStyle,
   .desktopContainer,
   .tabletContainer {
     display: none;

package/es/molecule/titled-checkbox/index.js

@@ -13,7 +13,7 @@ const TitledCheckbox = props => {
   const label = choice.name;
   const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);
   return /*#__PURE__*/React.createElement("label", {
-    className: style.default
+    className: style.defaultStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: style.box,
     style: {

package/es/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","createElement","className","default","box","selected","icon","input","checked","onChange","title","propTypes","process","env","NODE_ENV","shape","bool","isRequired","string","value","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gCAAgC,IAAIC,KAAK,QAAO,0BAA0B;AAClF,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAC5C,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAAI;EACzB,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACEV,KAAA,CAAAgB,aAAA;IAAOC,SAAS,EAAEV,KAAK,CAACW;EAAQ,gBAC9BlB,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAEV,KAAK,CAACY,GAAI;IACrBZ,KAAK,EAAE;MACLI,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACU,QAAQ,gBAAGpB,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAACa,SAAS,EAAEV,KAAK,CAACc;EAAK,CAAE,CAAC,GAAG,IAAI,eAC1DrB,KAAA,CAAAgB,aAAA,CAACV,QAAQ;IACPW,SAAS,EAAEV,KAAK,CAACe,KAAM;IACvBC,OAAO,EAAEb,MAAM,CAACU,QAAS;IACzBI,QAAQ,EAAET,YAAa;IACvB,aAAWF;EAAM,CAClB,CACE,CAAC,eACNb,KAAA,CAAAgB,aAAA;IAAMS,KAAK,EAAEZ,KAAM;IAACI,SAAS,EAAEV,KAAK,CAACM;EAAM,GACxCA,KACG,CACD,CAAC;AAEZ,CAAC;AAEDL,cAAc,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBnB,MAAM,EAAER,SAAS,CAAC4B,KAAK,CAAC;IACtBV,QAAQ,EAAElB,SAAS,CAAC6B,IAAI,CAACC,UAAU;IACnClB,IAAI,EAAEZ,SAAS,CAAC+B,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAEhC,SAAS,CAAC+B;EACnB,CAAC,CAAC,CAACD,UAAU;EACbrB,UAAU,EAAEN,aAAa;EACzBO,QAAQ,EAAEV,SAAS,CAACiC,IAAI,CAACH;AAC3B,CAAC;AAED,eAAexB,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","createElement","className","defaultStyle","box","selected","icon","input","checked","onChange","title","propTypes","process","env","NODE_ENV","shape","bool","isRequired","string","value","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.defaultStyle}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gCAAgC,IAAIC,KAAK,QAAO,0BAA0B;AAClF,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAC5C,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAAI;EACzB,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACEV,KAAA,CAAAgB,aAAA;IAAOC,SAAS,EAAEV,KAAK,CAACW;EAAa,gBACnClB,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAEV,KAAK,CAACY,GAAI;IACrBZ,KAAK,EAAE;MACLI,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACU,QAAQ,gBAAGpB,KAAA,CAAAgB,aAAA,CAACZ,KAAK;IAACa,SAAS,EAAEV,KAAK,CAACc;EAAK,CAAE,CAAC,GAAG,IAAI,eAC1DrB,KAAA,CAAAgB,aAAA,CAACV,QAAQ;IACPW,SAAS,EAAEV,KAAK,CAACe,KAAM;IACvBC,OAAO,EAAEb,MAAM,CAACU,QAAS;IACzBI,QAAQ,EAAET,YAAa;IACvB,aAAWF;EAAM,CAClB,CACE,CAAC,eACNb,KAAA,CAAAgB,aAAA;IAAMS,KAAK,EAAEZ,KAAM;IAACI,SAAS,EAAEV,KAAK,CAACM;EAAM,GACxCA,KACG,CACD,CAAC;AAEZ,CAAC;AAEDL,cAAc,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBnB,MAAM,EAAER,SAAS,CAAC4B,KAAK,CAAC;IACtBV,QAAQ,EAAElB,SAAS,CAAC6B,IAAI,CAACC,UAAU;IACnClB,IAAI,EAAEZ,SAAS,CAAC+B,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAEhC,SAAS,CAAC+B;EACnB,CAAC,CAAC,CAACD,UAAU;EACbrB,UAAU,EAAEN,aAAa;EACzBO,QAAQ,EAAEV,SAAS,CAACiC,IAAI,CAACH;AAC3B,CAAC;AAED,eAAexB,cAAc","ignoreList":[]}

package/es/molecule/titled-checkbox/style.css

@@ -1,4 +1,4 @@
-.default {
+.defaultStyle {
   line-height: 25px;
   font-family: Gilroy;
   display: flex;

package/es/organism/brand-analytics/analytics-popin.css

@@ -6,7 +6,7 @@
 @value grey from colors;
 @value white from colors;
 
-.default {
+.defaultStyle {
   z-index: 20;
   top: 0;
   display: flex;

package/es/organism/brand-analytics/analytics-popin.js

@@ -27,7 +27,7 @@ const AnalyticsPopin = (props, context) => {
     closeOnClick(e);
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: style.default,
+    className: style.defaultStyle,
     onClick: onCloseClick
   }, /*#__PURE__*/React.createElement("div", {
     className: style.popin

package/es/organism/brand-analytics/analytics-popin.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","AnalyticsPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","onCloseClick","e","createElement","className","default","onClick","popin","dangerouslySetInnerHTML","type","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/organism/brand-analytics/analytics-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './analytics-popin.css';\n\nconst AnalyticsPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  function onCloseClick(e) {\n    stopPropagation(e);\n    closeOnClick(e);\n  }\n\n  return (\n    <div className={style.default} onClick={onCloseClick}>\n      <div className={style.popin}>\n        <div className={style.header} onClick={onCloseClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nAnalyticsPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAnalyticsPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default AnalyticsPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,SAASU,YAAYA,CAACC,CAAC,EAAE;IACvBlB,eAAe,CAACkB,CAAC,CAAC;IAClBP,YAAY,CAACO,CAAC,CAAC;EACjB;EAEA,oBACEpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACkB,OAAQ;IAACC,OAAO,EAAEL;EAAa,gBACnDnB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACoB;EAAM,gBAC1BzB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACO,MAAO;IAACY,OAAO,EAAEL,YAAa;IAAC,aAAU;EAAc,GAC1EP,MACE,CAAC,eACNZ,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAqB,aAAA;IACE;IACAK,uBAAuB,EAAEX,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAqB,aAAA,CAACjB,MAAM;IACLuB,IAAI,EAAC,MAAM;IACXH,OAAO,EAAEb,UAAW;IACpBiB,WAAW,EAAElB,QAAS;IACtBL,KAAK,EAAE;MACLwB,eAAe,EAAEZ;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,cAAc,CAACwB,YAAY,GAAG;EAC5BrB,IAAI,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,cAAc,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBzB,QAAQ,EAAET,SAAS,CAACmC,MAAM;EAC1BzB,UAAU,EAAEV,SAAS,CAACoC,IAAI;EAC1BxB,YAAY,EAAEZ,SAAS,CAACoC,IAAI;EAC5BzB,MAAM,EAAEX,SAAS,CAACmC,MAAM;EACxBtB,OAAO,EAAEb,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,cAAc","ignoreList":[]}
+{"version":3,"file":"analytics-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","AnalyticsPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","onCloseClick","e","createElement","className","defaultStyle","onClick","popin","dangerouslySetInnerHTML","type","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/organism/brand-analytics/analytics-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './analytics-popin.css';\n\nconst AnalyticsPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  function onCloseClick(e) {\n    stopPropagation(e);\n    closeOnClick(e);\n  }\n\n  return (\n    <div className={style.defaultStyle} onClick={onCloseClick}>\n      <div className={style.popin}>\n        <div className={style.header} onClick={onCloseClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nAnalyticsPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAnalyticsPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default AnalyticsPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,SAASU,YAAYA,CAACC,CAAC,EAAE;IACvBlB,eAAe,CAACkB,CAAC,CAAC;IAClBP,YAAY,CAACO,CAAC,CAAC;EACjB;EAEA,oBACEpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACkB,YAAa;IAACC,OAAO,EAAEL;EAAa,gBACxDnB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACoB;EAAM,gBAC1BzB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACO,MAAO;IAACY,OAAO,EAAEL,YAAa;IAAC,aAAU;EAAc,GAC1EP,MACE,CAAC,eACNZ,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEjB,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAqB,aAAA;IACE;IACAK,uBAAuB,EAAEX,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAqB,aAAA,CAACjB,MAAM;IACLuB,IAAI,EAAC,MAAM;IACXH,OAAO,EAAEb,UAAW;IACpBiB,WAAW,EAAElB,QAAS;IACtBL,KAAK,EAAE;MACLwB,eAAe,EAAEZ;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,cAAc,CAACwB,YAAY,GAAG;EAC5BrB,IAAI,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,cAAc,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBzB,QAAQ,EAAET,SAAS,CAACmC,MAAM;EAC1BzB,UAAU,EAAEV,SAAS,CAACoC,IAAI;EAC1BxB,YAAY,EAAEZ,SAAS,CAACoC,IAAI;EAC5BzB,MAAM,EAAEX,SAAS,CAACmC,MAAM;EACxBtB,OAAO,EAAEb,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,cAAc","ignoreList":[]}

package/es/organism/cards-grid/index.js

@@ -21,7 +21,7 @@ function CardsGrid(props) {
     }, /*#__PURE__*/React.createElement(Card, cardProps));
   }, list);
   return /*#__PURE__*/React.createElement("div", {
-    className: style.default,
+    className: style.defaultStyle,
     style: customStyle
   }, cards, loader);
 }

package/es/organism/cards-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","customStyle","loading","loader","createElement","className","cards","_map","cardProps","card","key","default","propTypes","process","env","NODE_ENV","arrayOf","shape","objectOf","string","bool"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.default} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,SAASA,CAACC,KAAK,EAAE;EACxB,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBT,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACM;EAAO,gBAC3BV,KAAA,CAAAW,aAAA,CAACR,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEf,KAAA,CAAAW,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAER,KAAK,CAACY,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEjB,KAAA,CAAAW,aAAA,CAACT,IAAI,EAAKa,SAAY,CACnB,CAAC;EAEV,CAAC,EAAER,IAAI,CAAC;EAER,oBACEP,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACc,OAAQ;IAACd,KAAK,EAAEI;EAAY,GAC/CK,KAAK,EACLH,MACE,CAAC;AAEV;AAEAL,SAAS,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,IAAI,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACtB,IAAI,CAACiB,SAAS,CAAC,CAAC;EACxDX,WAAW,EAAEP,SAAS,CAACwB,QAAQ,CAACxB,SAAS,CAACyB,MAAM,CAAC;EACjDjB,OAAO,EAAER,SAAS,CAAC0B;AACrB,CAAC;AAED,eAAetB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","customStyle","loading","loader","createElement","className","cards","_map","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","arrayOf","shape","objectOf","string","bool"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,SAASA,CAACC,KAAK,EAAE;EACxB,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBT,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACM;EAAO,gBAC3BV,KAAA,CAAAW,aAAA,CAACR,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEf,KAAA,CAAAW,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAER,KAAK,CAACY,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEjB,KAAA,CAAAW,aAAA,CAACT,IAAI,EAAKa,SAAY,CACnB,CAAC;EAEV,CAAC,EAAER,IAAI,CAAC;EAER,oBACEP,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACc,YAAa;IAACd,KAAK,EAAEI;EAAY,GACpDK,KAAK,EACLH,MACE,CAAC;AAEV;AAEAL,SAAS,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,IAAI,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACtB,IAAI,CAACiB,SAAS,CAAC,CAAC;EACxDX,WAAW,EAAEP,SAAS,CAACwB,QAAQ,CAACxB,SAAS,CAACyB,MAAM,CAAC;EACjDjB,OAAO,EAAER,SAAS,CAAC0B;AACrB,CAAC;AAED,eAAetB,SAAS","ignoreList":[]}

package/es/organism/cards-grid/style.css

@@ -5,7 +5,7 @@
 @value tablet from breakpoints;
 @value mobile from breakpoints;
 
-.default {
+.defaultStyle {
   box-sizing: border-box;
   width: 100%;
   margin: auto;

package/es/organism/popin/index.js

@@ -23,7 +23,7 @@ const Popin = (props, context) => {
   }
   const primary = _getOr('#00B0FF', ['common', 'primary'], skin);
   return /*#__PURE__*/React.createElement("div", {
-    className: style.default,
+    className: style.defaultStyle,
     onClick: closeOnClick
   }, /*#__PURE__*/React.createElement("div", {
     className: style.popin,

package/es/organism/popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","default","onClick","popin","dangerouslySetInnerHTML","type","button","submitValue","centered","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/organism/popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          className={style.button}\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          centered\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,OAAQ;IAACC,OAAO,EAAET;EAAa,gBACnDb,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkB,KAAM;IAACD,OAAO,EAAEpB;EAAgB,gBACpDF,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACO,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAmB,aAAA;IACE;IACAK,uBAAuB,EAAET,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLqB,IAAI,EAAC,MAAM;IACXL,SAAS,EAAEf,KAAK,CAACqB,MAAO;IACxBJ,OAAO,EAAEX,UAAW;IACpBgB,WAAW,EAAEjB,QAAS;IACtBkB,QAAQ;IACRvB,KAAK,EAAE;MACLwB,eAAe,EAAEZ;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,KAAK,CAACwB,YAAY,GAAG;EACnBrB,IAAI,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,KAAK,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBzB,QAAQ,EAAET,SAAS,CAACmC,MAAM;EAC1BzB,UAAU,EAAEV,SAAS,CAACoC,IAAI;EAC1BxB,YAAY,EAAEZ,SAAS,CAACoC,IAAI;EAC5BzB,MAAM,EAAEX,SAAS,CAACmC,MAAM;EACxBtB,OAAO,EAAEb,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","Popin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","defaultStyle","onClick","popin","dangerouslySetInnerHTML","type","button","submitValue","centered","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/organism/popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../util/bubbling';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.defaultStyle} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          className={style.button}\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          centered\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default Popin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAChC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,YAAa;IAACC,OAAO,EAAET;EAAa,gBACxDb,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkB,KAAM;IAACD,OAAO,EAAEpB;EAAgB,gBACpDF,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACO,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAmB,aAAA;IACE;IACAK,uBAAuB,EAAET,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLqB,IAAI,EAAC,MAAM;IACXL,SAAS,EAAEf,KAAK,CAACqB,MAAO;IACxBJ,OAAO,EAAEX,UAAW;IACpBgB,WAAW,EAAEjB,QAAS;IACtBkB,QAAQ;IACRvB,KAAK,EAAE;MACLwB,eAAe,EAAEZ;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,KAAK,CAACwB,YAAY,GAAG;EACnBrB,IAAI,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB;AACnC,CAAC;AAEDH,KAAK,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBzB,QAAQ,EAAET,SAAS,CAACmC,MAAM;EAC1BzB,UAAU,EAAEV,SAAS,CAACoC,IAAI;EAC1BxB,YAAY,EAAEZ,SAAS,CAACoC,IAAI;EAC5BzB,MAAM,EAAEX,SAAS,CAACmC,MAAM;EACxBtB,OAAO,EAAEb,SAAS,CAACmC;AACrB,CAAC;AAED,eAAe9B,KAAK","ignoreList":[]}

package/es/organism/popin/style.css

@@ -6,7 +6,7 @@
 @value grey from colors;
 @value white from colors;
 
-.default {
+.defaultStyle {
   font-family: Gilroy;
   position: fixed;
   z-index: 20;

package/es/organism/resource-browser/index.js

@@ -36,7 +36,7 @@ const ResourceBrowser = props => {
   }) => selected, resources);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "resourceBrowser",
-    className: classnames(style.default, className)
+    className: classnames(style.defaultStyle, className)
   }, /*#__PURE__*/React.createElement("div", {
     className: style.resourcePlayerWrapper
   }, selectedResource ? /*#__PURE__*/React.createElement(ResourcePlayer, {

package/es/organism/resource-browser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","createElement","resourcesList","map","resource","_extends","_omit","key","_id","propTypes","process","env","NODE_ENV","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","_find","selected","default","resourcePlayerWrapper","resourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAS,IAAIA,SAAS,CAACC,MAAM,GAAG,CAAC;AAErE,MAAMC,SAAS,GAAGA,CAAC;EAACF,SAAS;EAAEG;AAAS,CAAC,KAAK;EAC5C,IAAIJ,aAAa,CAACC,SAAS,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAACO;EAAc,GACjCL,SAAS,CAACM,GAAG,CAACC,QAAQ,iBACrBd,KAAA,CAAAW,aAAA,CAACR,iBAAiB,EAAAY,QAAA,KAAKC,KAAA,CAAK,KAAK,EAAEF,QAAQ,CAAC;IAAEG,GAAG,EAAEH,QAAQ,CAACI;EAAI,EAAE,CACnE,CACE,CAAC;AAEV,CAAC;AAEDT,SAAS,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,SAAS,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACR,KAAA,CAAK,KAAK,EAAEb,iBAAiB,CAACgB,SAAS,CAAC,CAAC,CAAC;EACvFT,SAAS,EAAET,SAAS,CAACwB;AACvB,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACpB,SAAS;IAAEG,SAAS;IAAEkB;EAAO,CAAC,GAAGD,KAAK;EAC7C,MAAME,gBAAgB,GAAGC,KAAA,CAAK,CAAC;IAACC;EAAQ,CAAC,KAAKA,QAAQ,EAAExB,SAAS,CAAC;EAClE,oBACEP,KAAA,CAAAW,aAAA;IAAK,aAAU,iBAAiB;IAACD,SAAS,EAAER,UAAU,CAACG,KAAK,CAAC2B,OAAO,EAAEtB,SAAS;EAAE,gBAC/EV,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAAC4B;EAAsB,GACzCJ,gBAAgB,gBACf7B,KAAA,CAAAW,aAAA,CAACP,cAAc;IACbwB,OAAO,EAAEA,OAAQ;IACjBlB,SAAS,EAAEL,KAAK,CAAC6B,cAAe;IAChCpB,QAAQ,EAAEe;EAAiB,CAC5B,CAAC,GACA,IACD,CAAC,eACN7B,KAAA,CAAAW,aAAA,CAACF,SAAS;IAACF,SAAS,EAAEA,SAAU;IAACG,SAAS,EAAEA;EAAU,CAAE,CACrD,CAAC;AAEV,CAAC;AAEDgB,eAAe,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BZ,SAAS,EAAET,SAAS,CAACwB,MAAM;EAC3BlB,SAAS,EAAEE,SAAS,CAACU,SAAS,CAACZ,SAAS;EACxCqB,OAAO,EAAExB,cAAc,CAACe,SAAS,CAACS;AACpC,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","createElement","resourcesList","map","resource","_extends","_omit","key","_id","propTypes","process","env","NODE_ENV","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","_find","selected","defaultStyle","resourcePlayerWrapper","resourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.defaultStyle, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAS,IAAIA,SAAS,CAACC,MAAM,GAAG,CAAC;AAErE,MAAMC,SAAS,GAAGA,CAAC;EAACF,SAAS;EAAEG;AAAS,CAAC,KAAK;EAC5C,IAAIJ,aAAa,CAACC,SAAS,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAACO;EAAc,GACjCL,SAAS,CAACM,GAAG,CAACC,QAAQ,iBACrBd,KAAA,CAAAW,aAAA,CAACR,iBAAiB,EAAAY,QAAA,KAAKC,KAAA,CAAK,KAAK,EAAEF,QAAQ,CAAC;IAAEG,GAAG,EAAEH,QAAQ,CAACI;EAAI,EAAE,CACnE,CACE,CAAC;AAEV,CAAC;AAEDT,SAAS,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,SAAS,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACR,KAAA,CAAK,KAAK,EAAEb,iBAAiB,CAACgB,SAAS,CAAC,CAAC,CAAC;EACvFT,SAAS,EAAET,SAAS,CAACwB;AACvB,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACpB,SAAS;IAAEG,SAAS;IAAEkB;EAAO,CAAC,GAAGD,KAAK;EAC7C,MAAME,gBAAgB,GAAGC,KAAA,CAAK,CAAC;IAACC;EAAQ,CAAC,KAAKA,QAAQ,EAAExB,SAAS,CAAC;EAClE,oBACEP,KAAA,CAAAW,aAAA;IAAK,aAAU,iBAAiB;IAACD,SAAS,EAAER,UAAU,CAACG,KAAK,CAAC2B,YAAY,EAAEtB,SAAS;EAAE,gBACpFV,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAAC4B;EAAsB,GACzCJ,gBAAgB,gBACf7B,KAAA,CAAAW,aAAA,CAACP,cAAc;IACbwB,OAAO,EAAEA,OAAQ;IACjBlB,SAAS,EAAEL,KAAK,CAAC6B,cAAe;IAChCpB,QAAQ,EAAEe;EAAiB,CAC5B,CAAC,GACA,IACD,CAAC,eACN7B,KAAA,CAAAW,aAAA,CAACF,SAAS;IAACF,SAAS,EAAEA,SAAU;IAACG,SAAS,EAAEA;EAAU,CAAE,CACrD,CAAC;AAEV,CAAC;AAEDgB,eAAe,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BZ,SAAS,EAAET,SAAS,CAACwB,MAAM;EAC3BlB,SAAS,EAAEE,SAAS,CAACU,SAAS,CAACZ,SAAS;EACxCqB,OAAO,EAAExB,cAAc,CAACe,SAAS,CAACS;AACpC,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}

package/es/organism/resource-browser/style.css

@@ -1,6 +1,6 @@
 @value mobile, tablet from "../../variables/breakpoints.css";
 
-.default {
+.defaultStyle {
   display: flex;
   flex-flow: row;
   justify-content: center;
@@ -29,7 +29,7 @@
 }
 
 @media tablet {
-  .default {
+  .defaultStyle {
     flex-flow: column;
     height: auto;
     width: 100%;

package/es/template/activity/index.js

@@ -90,7 +90,7 @@ const Progression = (props, legacyContext) => {
     "data-testid": "button-link-recommendation"
   })) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: style.default
+    className: style.defaultStyle
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "activity-header",
     tabIndex: 0

package/es/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","map","noop","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","mapWithIndex","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","createElement","className","allProgressions","progression","index","_extends","key","ref","coreProgression","core","themeSelect","options","borderClassName","selectBorder","select","theme","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","dangerouslySetInnerHTML","__html","courseTitle","type","submitValue","cta","backgroundColor","default","tabIndex","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport noop from 'lodash/fp/noop';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading,\n    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick = noop} = recommendation;\n      onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = mapWithIndex(\n    (progression, index) => (\n      <ProgressionItem\n        {...omit(['ref'], progression)}\n        key={`${index}-${progression.ref}`}\n        adaptiveAriaLabel={adaptiveAriaLabel}\n      />\n    ),\n    progressions\n  );\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n      aria-label={ariaLabel}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n        data-testid=\"button-link-recommendation\"\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.default}>\n      <div data-name=\"activity-header\" tabIndex={0}>\n        <div className={style.mainTitle} tabIndex={0}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression} tabIndex={0}>\n          <div className={style.wrapperCta} tabIndex={0}>\n            {themeSelect}\n            {recommendationSection}\n          </div>\n          <StarsSummary engines={engines} total={total} />\n        </div>\n      </div>\n      <div className={style.wrapperProgression} data-name=\"activityList\">\n        {coreProgression}\n        {loader}\n      </div>\n    </div>\n  );\n};\n\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nProgression.propTypes = {\n  mainTitle: PropTypes.string.isRequired,\n  mainSubtitle: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  loading: PropTypes.bool.isRequired,\n  progressions: PropTypes.arrayOf(\n    PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n  ),\n  themeFilter: PropTypes.shape({\n    options: Select.propTypes.options.isRequired,\n    onChange: Select.propTypes.onChange\n  }),\n  recommendation: PropTypes.shape({\n    cta: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n    courseTitle: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","get","isEmpty","map","noop","omit","PropTypes","classnames","Provider","GetSkinFromContext","Button","Select","Loader","ProgressionItem","EngineStars","StarsSummary","style","mapWithIndex","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","ariaLabel","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","createElement","className","allProgressions","progression","index","_extends","key","ref","coreProgression","core","themeSelect","options","borderClassName","selectBorder","select","theme","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","dangerouslySetInnerHTML","__html","courseTitle","type","submitValue","cta","backgroundColor","defaultStyle","tabIndex","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","label","stars","number","arrayOf","bool","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport noop from 'lodash/fp/noop';\nimport omit from 'lodash/fp/omit';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n\nconst Progression = (props, legacyContext) => {\n  const {\n    mainTitle,\n    mainSubtitle,\n    recommendation = {},\n    progressions = [],\n    adaptiveAriaLabel,\n    total,\n    engines = [],\n    themeFilter = {},\n    loading,\n    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick = noop} = recommendation;\n      onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = mapWithIndex(\n    (progression, index) => (\n      <ProgressionItem\n        {...omit(['ref'], progression)}\n        key={`${index}-${progression.ref}`}\n        adaptiveAriaLabel={adaptiveAriaLabel}\n      />\n    ),\n    progressions\n  );\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n      aria-label={ariaLabel}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n        data-testid=\"button-link-recommendation\"\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.defaultStyle}>\n      <div data-name=\"activity-header\" tabIndex={0}>\n        <div className={style.mainTitle} tabIndex={0}>\n          <span>{mainTitle}</span> {mainSubtitle}\n        </div>\n        <div className={style.headerProgression} tabIndex={0}>\n          <div className={style.wrapperCta} tabIndex={0}>\n            {themeSelect}\n            {recommendationSection}\n          </div>\n          <StarsSummary engines={engines} total={total} />\n        </div>\n      </div>\n      <div className={style.wrapperProgression} data-name=\"activityList\">\n        {coreProgression}\n        {loader}\n      </div>\n    </div>\n  );\n};\n\nProgression.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nProgression.propTypes = {\n  mainTitle: PropTypes.string.isRequired,\n  mainSubtitle: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  loading: PropTypes.bool.isRequired,\n  progressions: PropTypes.arrayOf(\n    PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n  ),\n  themeFilter: PropTypes.shape({\n    options: Select.propTypes.options.isRequired,\n    onChange: Select.propTypes.onChange\n  }),\n  recommendation: PropTypes.shape({\n    cta: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n    courseTitle: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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","ignoreList":[]}

package/es/template/activity/style.css

@@ -9,7 +9,7 @@
 @value white from colors;
 @value xtraLightGrey from colors;
 
-.default {
+.defaultStyle {
   margin: 16px auto 0;
   box-sizing: border-box;
   max-width: 1080px;
@@ -104,7 +104,7 @@
 }
 
 @media tablet, mobile {
-  .default {
+  .defaultStyle {
     margin: 0;
     padding: 0;
   }

package/es/template/back-office/dashboard-preview/dashboard-popin.css

@@ -6,7 +6,7 @@
 @value grey from colors;
 @value white from colors;
 
-.default {
+.defaultStyle {
   font-family: Gilroy;
   z-index: 20;
   top: 0;

package/es/template/back-office/dashboard-preview/dashboard-popin.js

@@ -23,7 +23,7 @@ const DashboardPopin = (props, context) => {
   }
   const primary = _getOr('#00B0FF', ['common', 'primary'], skin);
   return /*#__PURE__*/React.createElement("div", {
-    className: style.default,
+    className: style.defaultStyle,
     onClick: closeOnClick
   }, /*#__PURE__*/React.createElement("div", {
     className: style.popin,

package/es/template/back-office/dashboard-preview/dashboard-popin.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","default","onClick","popin","dangerouslySetInnerHTML","type","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../../src/template/back-office/dashboard-preview/dashboard-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../../util/bubbling';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './dashboard-popin.css';\n\nconst DashboardPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDashboardPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default DashboardPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,wBAAwB;AACpD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,OAAQ;IAACC,OAAO,EAAET;EAAa,gBACnDb,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkB,KAAM;IAACD,OAAO,EAAEpB;EAAgB,gBACpDF,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACO,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAmB,aAAA;IACE;IACAK,uBAAuB,EAAET,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLqB,IAAI,EAAC,MAAM;IACXH,OAAO,EAAEX,UAAW;IACpBe,WAAW,EAAEhB,QAAS;IACtBL,KAAK,EAAE;MACLsB,eAAe,EAAEV;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,cAAc,CAACsB,YAAY,GAAG;EAC5BnB,IAAI,EAAEN,QAAQ,CAAC0B,iBAAiB,CAACpB;AACnC,CAAC;AAEDH,cAAc,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBvB,QAAQ,EAAET,SAAS,CAACiC,MAAM;EAC1BvB,UAAU,EAAEV,SAAS,CAACkC,IAAI;EAC1BtB,YAAY,EAAEZ,SAAS,CAACkC,IAAI;EAC5BvB,MAAM,EAAEX,SAAS,CAACiC,MAAM;EACxBpB,OAAO,EAAEb,SAAS,CAACiC;AACrB,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}
+{"version":3,"file":"dashboard-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","_getOr","createElement","className","defaultStyle","onClick","popin","dangerouslySetInnerHTML","type","submitValue","backgroundColor","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../../src/template/back-office/dashboard-preview/dashboard-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../../util/bubbling';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './dashboard-popin.css';\n\nconst DashboardPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.defaultStyle} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDashboardPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default DashboardPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,wBAAwB;AACpD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAYA,CAAA,EAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAET,IAAI,CAAC;EAE7D,oBACET,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,YAAa;IAACC,OAAO,EAAET;EAAa,gBACxDb,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkB,KAAM;IAACD,OAAO,EAAEpB;EAAgB,gBACpDF,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACO,MAAO;IAACU,OAAO,EAAET,YAAa;IAAC,aAAU;EAAc,GAC1ED,MACE,CAAC,eACNZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACS;EAAQ,gBAC5Bd,KAAA,CAAAmB,aAAA;IACE;IACAK,uBAAuB,EAAET,YAAY,CAAC;EAAE,CACzC,CACE,CAAC,eACNf,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLqB,IAAI,EAAC,MAAM;IACXH,OAAO,EAAEX,UAAW;IACpBe,WAAW,EAAEhB,QAAS;IACtBL,KAAK,EAAE;MACLsB,eAAe,EAAEV;IACnB;EAAE,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAEDX,cAAc,CAACsB,YAAY,GAAG;EAC5BnB,IAAI,EAAEN,QAAQ,CAAC0B,iBAAiB,CAACpB;AACnC,CAAC;AAEDH,cAAc,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBvB,QAAQ,EAAET,SAAS,CAACiC,MAAM;EAC1BvB,UAAU,EAAEV,SAAS,CAACkC,IAAI;EAC1BtB,YAAY,EAAEZ,SAAS,CAACkC,IAAI;EAC5BvB,MAAM,EAAEX,SAAS,CAACiC,MAAM;EACxBpB,OAAO,EAAEb,SAAS,CAACiC;AACrB,CAAC;AAED,eAAe5B,cAAc","ignoreList":[]}

package/es/template/external-course/index.js

@@ -17,9 +17,9 @@ import ExternalContentViewer from '../../molecule/external-content-viewer';
 import CmPopin from '../../molecule/cm-popin';
 import style from './style.css';
 const defaultWrapperStyle = {
-  default: style.default,
+  default: style.defaultStyle,
   cockpit: style.defaultCockpit,
-  mobile: style.default
+  mobile: style.defaultStyle
 };
 const ExternalCourse = (props, context) => {
   const {

package/es/template/external-course/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","_getOr","IconType","icon","IconColor","color","mainContentSlot","createElement","className","loader","handleOnClick","field","onClick","_noop","e","stopPropagation","preventDefault","completeButton","_isNil","disabled","_identity","submitValue","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","width","height","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","dangerouslySetInnerHTML","__html","header","_isEmpty","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","process","env","NODE_ENV","string","oneOf","_keys","shape","bool","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.default,\n  cockpit: style.defaultCockpit,\n  mobile: style.default\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    onTop = {},\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div\n      className={classnames(\n        defaultWrapperStyle[mode],\n        onTop.header && style.onTopHeader,\n        onTop.footer && style.onTopFooter\n      )}\n    >\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  onTop: PropTypes.shape({\n    header: PropTypes.bool,\n    footer: PropTypes.bool\n  }),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","convert","classnames","PropTypes","EXTERNAL_CONTENT_ICONS","Provider","Loader","Button","ExternalContentViewer","CmPopin","style","defaultWrapperStyle","default","defaultStyle","cockpit","defaultCockpit","mobile","ExternalCourse","props","context","name","type","url","quit","complete","warning","loading","backgroundImageUrl","contentType","mode","onTop","closePopin","skin","primary","_getOr","IconType","icon","IconColor","color","mainContentSlot","createElement","className","loader","handleOnClick","field","onClick","_noop","e","stopPropagation","preventDefault","completeButton","_isNil","disabled","_identity","submitValue","label","backgroundColor","cursor","completeCta","warningButton","leftSection","iconLabel","link","iconQuestion","width","height","quitButton","quitCta","titleSection","title","oval","iconHeader","innerHTML","dangerouslySetInnerHTML","__html","header","_isEmpty","rightSection","footer","popin","onTopHeader","onTopFooter","propTypes","process","env","NODE_ENV","string","oneOf","_keys","shape","bool","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/template/external-course/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {noop, getOr, keys, identity, isNil, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport Button from '../../atom/button';\nimport ExternalContentViewer from '../../molecule/external-content-viewer';\nimport CmPopin from '../../molecule/cm-popin';\nimport style from './style.css';\n\nconst defaultWrapperStyle = {\n  default: style.defaultStyle,\n  cockpit: style.defaultCockpit,\n  mobile: style.defaultStyle\n};\n\nconst ExternalCourse = (props, context) => {\n  const {\n    name,\n    type,\n    url,\n    quit,\n    complete,\n    warning,\n    loading,\n    backgroundImageUrl,\n    contentType,\n    mode = 'default',\n    onTop = {},\n    closePopin\n  } = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n  const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n  const IconColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n  const mainContentSlot = useMemo(() => {\n    return loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : (\n      <ExternalContentViewer\n        url={url}\n        mode={mode}\n        backgroundImageUrl={backgroundImageUrl}\n        contentType={contentType}\n      />\n    );\n  }, [loading, url, mode, contentType, backgroundImageUrl]);\n\n  const handleOnClick = useCallback(field => {\n    const onClick = getOr(noop, ['onClick'], field);\n    return e => {\n      e.stopPropagation();\n      e.preventDefault();\n      return onClick(e);\n    };\n  }, []);\n\n  const completeButton = useMemo(() => {\n    return !isNil(complete) ? (\n      <Button\n        type=\"button\"\n        disabled={loading ? true : complete.disabled}\n        onClick={loading ? identity : handleOnClick(complete)}\n        submitValue={complete.label}\n        style={{\n          backgroundColor:\n            complete.disabled || loading ? convert(`color(${primary} a(-50%))`) : primary,\n          cursor: loading ? 'progress' : 'pointer'\n        }}\n        className={classnames(\n          style.completeCta,\n          complete.disabled || loading ? style.disabled : null,\n          loading ? style.loading : null\n        )}\n        data-testid=\"complete-button\"\n      />\n    ) : null;\n  }, [complete, loading, primary, handleOnClick]);\n\n  const warningButton = useMemo(() => {\n    return !isNil(warning) ? (\n      <div className={style.leftSection}>\n        <div onClick={handleOnClick(warning)} className={classnames(style.iconLabel, style.link)}>\n          <QuestionIcon className={style.iconQuestion} width={24} height={24} />\n          <span>{warning.label}</span>\n        </div>\n      </div>\n    ) : null;\n  }, [handleOnClick, warning]);\n\n  const quitButton = useMemo(() => {\n    return !isNil(quit) ? (\n      <div className={style.leftSection}>\n        <span\n          className={classnames(style.quitCta, loading ? style.loading : null)}\n          onClick={loading ? identity : handleOnClick(quit)}\n        >\n          {quit.label}\n        </span>\n      </div>\n    ) : null;\n  }, [quit, loading, handleOnClick]);\n\n  const titleSection = useMemo(() => {\n    return !isNil(name) ? (\n      <div className={classnames(style.iconLabel, style.title)}>\n        <div className={style.oval} style={{backgroundColor: IconColor}}>\n          <IconType className={style.iconHeader} />\n        </div>\n        <span\n          className={style.innerHTML}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: name}}\n        />\n      </div>\n    ) : null;\n  }, [name, IconColor]);\n\n  const header = useMemo(() => {\n    return !isNil(quit) || !isEmpty(name) ? (\n      <div className={style.header}>\n        {quitButton}\n        {titleSection}\n        {isNil(quit) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [name, titleSection, quit, quitButton]);\n\n  const footer = useMemo(() => {\n    return !isNil(warning) || !isNil(complete) ? (\n      <div className={style.footer}>\n        {warningButton}\n        {completeButton}\n        {isNil(warning) ? null : <div className={style.rightSection} />}\n      </div>\n    ) : null;\n  }, [warning, warningButton, complete, completeButton]);\n\n  const popin = useMemo(() => {\n    return !isNil(closePopin) ? <CmPopin {...closePopin} /> : null;\n  }, [closePopin]);\n\n  return (\n    <div\n      className={classnames(\n        defaultWrapperStyle[mode],\n        onTop.header && style.onTopHeader,\n        onTop.footer && style.onTopFooter\n      )}\n    >\n      {header}\n      {popin}\n      {mainContentSlot}\n      {footer}\n    </div>\n  );\n};\n\nExternalCourse.propTypes = {\n  name: PropTypes.string,\n  type: PropTypes.oneOf(keys(EXTERNAL_CONTENT_ICONS)),\n  onTop: PropTypes.shape({\n    header: PropTypes.bool,\n    footer: PropTypes.bool\n  }),\n  url: PropTypes.string.isRequired,\n  quit: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  complete: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    disabled: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  warning: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func\n  }),\n  loading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string,\n  closePopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nExternalCourse.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ExternalCourse;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,QAAO,OAAO;AACjD,SAAQC,+CAA+C,IAAIC,YAAY,QAAO,0BAA0B;AACxG,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,sBAAsB,QAAO,6BAA6B;AAClE,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,qBAAqB,MAAM,wCAAwC;AAC1E,OAAOC,OAAO,MAAM,yBAAyB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,YAAY;EAC3BC,OAAO,EAAEJ,KAAK,CAACK,cAAc;EAC7BC,MAAM,EAAEN,KAAK,CAACG;AAChB,CAAC;AAED,MAAMI,cAAc,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IACJC,IAAI;IACJC,IAAI;IACJC,GAAG;IACHC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,OAAO;IACPC,kBAAkB;IAClBC,WAAW;IACXC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,CAAC,CAAC;IACVC;EACF,CAAC,GAAGb,KAAK;EACT,MAAM;IAACc;EAAI,CAAC,GAAGb,OAAO;EACtB,MAAMc,OAAO,GAAGC,MAAA,CAAM,SAAS,EAAE,gBAAgB,EAAEF,IAAI,CAAC;EACxD,MAAMG,QAAQ,GAAG/B,sBAAsB,CAACiB,IAAI,CAAC,CAACe,IAAI;EAClD,MAAMC,SAAS,GAAGjC,sBAAsB,CAACiB,IAAI,CAAC,CAACiB,KAAK;EAEpD,MAAMC,eAAe,GAAGzC,OAAO,CAAC,MAAM;IACpC,OAAO4B,OAAO,gBACZ9B,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACgC;IAAO,gBAC3B9C,KAAA,CAAA4C,aAAA,CAAClC,MAAM,MAAE,CACN,CAAC,gBAENV,KAAA,CAAA4C,aAAA,CAAChC,qBAAqB;MACpBc,GAAG,EAAEA,GAAI;MACTO,IAAI,EAAEA,IAAK;MACXF,kBAAkB,EAAEA,kBAAmB;MACvCC,WAAW,EAAEA;IAAY,CAC1B,CACF;EACH,CAAC,EAAE,CAACF,OAAO,EAAEJ,GAAG,EAAEO,IAAI,EAAED,WAAW,EAAED,kBAAkB,CAAC,CAAC;EAEzD,MAAMgB,aAAa,GAAG9C,WAAW,CAAC+C,KAAK,IAAI;IACzC,MAAMC,OAAO,GAAGX,MAAA,CAAAY,KAAA,EAAY,CAAC,SAAS,CAAC,EAAEF,KAAK,CAAC;IAC/C,OAAOG,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClB,OAAOJ,OAAO,CAACE,CAAC,CAAC;IACnB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,cAAc,GAAGpD,OAAO,CAAC,MAAM;IACnC,OAAO,CAACqD,MAAA,CAAM3B,QAAQ,CAAC,gBACrB5B,KAAA,CAAA4C,aAAA,CAACjC,MAAM;MACLc,IAAI,EAAC,QAAQ;MACb+B,QAAQ,EAAE1B,OAAO,GAAG,IAAI,GAAGF,QAAQ,CAAC4B,QAAS;MAC7CP,OAAO,EAAEnB,OAAO,GAAA2B,SAAA,GAAcV,aAAa,CAACnB,QAAQ,CAAE;MACtD8B,WAAW,EAAE9B,QAAQ,CAAC+B,KAAM;MAC5B7C,KAAK,EAAE;QACL8C,eAAe,EACbhC,QAAQ,CAAC4B,QAAQ,IAAI1B,OAAO,GAAGzB,OAAO,CAAC,SAASgC,OAAO,WAAW,CAAC,GAAGA,OAAO;QAC/EwB,MAAM,EAAE/B,OAAO,GAAG,UAAU,GAAG;MACjC,CAAE;MACFe,SAAS,EAAEvC,UAAU,CACnBQ,KAAK,CAACgD,WAAW,EACjBlC,QAAQ,CAAC4B,QAAQ,IAAI1B,OAAO,GAAGhB,KAAK,CAAC0C,QAAQ,GAAG,IAAI,EACpD1B,OAAO,GAAGhB,KAAK,CAACgB,OAAO,GAAG,IAC5B,CAAE;MACF,eAAY;IAAiB,CAC9B,CAAC,GACA,IAAI;EACV,CAAC,EAAE,CAACF,QAAQ,EAAEE,OAAO,EAAEO,OAAO,EAAEU,aAAa,CAAC,CAAC;EAE/C,MAAMgB,aAAa,GAAG7D,OAAO,CAAC,MAAM;IAClC,OAAO,CAACqD,MAAA,CAAM1B,OAAO,CAAC,gBACpB7B,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACkD;IAAY,gBAChChE,KAAA,CAAA4C,aAAA;MAAKK,OAAO,EAAEF,aAAa,CAAClB,OAAO,CAAE;MAACgB,SAAS,EAAEvC,UAAU,CAACQ,KAAK,CAACmD,SAAS,EAAEnD,KAAK,CAACoD,IAAI;IAAE,gBACvFlE,KAAA,CAAA4C,aAAA,CAACxC,YAAY;MAACyC,SAAS,EAAE/B,KAAK,CAACqD,YAAa;MAACC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE,CAAC,eACtErE,KAAA,CAAA4C,aAAA,eAAOf,OAAO,CAAC8B,KAAY,CACxB,CACF,CAAC,GACJ,IAAI;EACV,CAAC,EAAE,CAACZ,aAAa,EAAElB,OAAO,CAAC,CAAC;EAE5B,MAAMyC,UAAU,GAAGpE,OAAO,CAAC,MAAM;IAC/B,OAAO,CAACqD,MAAA,CAAM5B,IAAI,CAAC,gBACjB3B,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACkD;IAAY,gBAChChE,KAAA,CAAA4C,aAAA;MACEC,SAAS,EAAEvC,UAAU,CAACQ,KAAK,CAACyD,OAAO,EAAEzC,OAAO,GAAGhB,KAAK,CAACgB,OAAO,GAAG,IAAI,CAAE;MACrEmB,OAAO,EAAEnB,OAAO,GAAA2B,SAAA,GAAcV,aAAa,CAACpB,IAAI;IAAE,GAEjDA,IAAI,CAACgC,KACF,CACH,CAAC,GACJ,IAAI;EACV,CAAC,EAAE,CAAChC,IAAI,EAAEG,OAAO,EAAEiB,aAAa,CAAC,CAAC;EAElC,MAAMyB,YAAY,GAAGtE,OAAO,CAAC,MAAM;IACjC,OAAO,CAACqD,MAAA,CAAM/B,IAAI,CAAC,gBACjBxB,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAEvC,UAAU,CAACQ,KAAK,CAACmD,SAAS,EAAEnD,KAAK,CAAC2D,KAAK;IAAE,gBACvDzE,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAAC4D,IAAK;MAAC5D,KAAK,EAAE;QAAC8C,eAAe,EAAEnB;MAAS;IAAE,gBAC9DzC,KAAA,CAAA4C,aAAA,CAACL,QAAQ;MAACM,SAAS,EAAE/B,KAAK,CAAC6D;IAAW,CAAE,CACrC,CAAC,eACN3E,KAAA,CAAA4C,aAAA;MACEC,SAAS,EAAE/B,KAAK,CAAC8D;MACjB;MAAA;MACAC,uBAAuB,EAAE;QAACC,MAAM,EAAEtD;MAAI;IAAE,CACzC,CACE,CAAC,GACJ,IAAI;EACV,CAAC,EAAE,CAACA,IAAI,EAAEiB,SAAS,CAAC,CAAC;EAErB,MAAMsC,MAAM,GAAG7E,OAAO,CAAC,MAAM;IAC3B,OAAO,CAACqD,MAAA,CAAM5B,IAAI,CAAC,IAAI,CAACqD,QAAA,CAAQxD,IAAI,CAAC,gBACnCxB,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACiE;IAAO,GAC1BT,UAAU,EACVE,YAAY,EACZjB,MAAA,CAAM5B,IAAI,CAAC,GAAG,IAAI,gBAAG3B,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACmE;IAAa,CAAE,CACxD,CAAC,GACJ,IAAI;EACV,CAAC,EAAE,CAACzD,IAAI,EAAEgD,YAAY,EAAE7C,IAAI,EAAE2C,UAAU,CAAC,CAAC;EAE1C,MAAMY,MAAM,GAAGhF,OAAO,CAAC,MAAM;IAC3B,OAAO,CAACqD,MAAA,CAAM1B,OAAO,CAAC,IAAI,CAAC0B,MAAA,CAAM3B,QAAQ,CAAC,gBACxC5B,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACoE;IAAO,GAC1BnB,aAAa,EACbT,cAAc,EACdC,MAAA,CAAM1B,OAAO,CAAC,GAAG,IAAI,gBAAG7B,KAAA,CAAA4C,aAAA;MAAKC,SAAS,EAAE/B,KAAK,CAACmE;IAAa,CAAE,CAC3D,CAAC,GACJ,IAAI;EACV,CAAC,EAAE,CAACpD,OAAO,EAAEkC,aAAa,EAAEnC,QAAQ,EAAE0B,cAAc,CAAC,CAAC;EAEtD,MAAM6B,KAAK,GAAGjF,OAAO,CAAC,MAAM;IAC1B,OAAO,CAACqD,MAAA,CAAMpB,UAAU,CAAC,gBAAGnC,KAAA,CAAA4C,aAAA,CAAC/B,OAAO,EAAKsB,UAAa,CAAC,GAAG,IAAI;EAChE,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,oBACEnC,KAAA,CAAA4C,aAAA;IACEC,SAAS,EAAEvC,UAAU,CACnBS,mBAAmB,CAACkB,IAAI,CAAC,EACzBC,KAAK,CAAC6C,MAAM,IAAIjE,KAAK,CAACsE,WAAW,EACjClD,KAAK,CAACgD,MAAM,IAAIpE,KAAK,CAACuE,WACxB;EAAE,GAEDN,MAAM,EACNI,KAAK,EACLxC,eAAe,EACfuC,MACE,CAAC;AAEV,CAAC;AAED7D,cAAc,CAACiE,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzBjE,IAAI,EAAEjB,SAAS,CAACmF,MAAM;EACtBjE,IAAI,EAAElB,SAAS,CAACoF,KAAK,CAACC,KAAA,CAAKpF,sBAAsB,CAAC,CAAC;EACnD0B,KAAK,EAAE3B,SAAS,CAACsF,KAAK,CAAC;IACrBd,MAAM,EAAExE,SAAS,CAACuF,IAAI;IACtBZ,MAAM,EAAE3E,SAAS,CAACuF;EACpB,CAAC,CAAC;EACFpE,GAAG,EAAEnB,SAAS,CAACmF,MAAM,CAACK,UAAU;EAChCpE,IAAI,EAAEpB,SAAS,CAACsF,KAAK,CAAC;IACpBlC,KAAK,EAAEpD,SAAS,CAACmF,MAAM,CAACK,UAAU;IAClC9C,OAAO,EAAE1C,SAAS,CAACyF;EACrB,CAAC,CAAC;EACFpE,QAAQ,EAAErB,SAAS,CAACsF,KAAK,CAAC;IACxBlC,KAAK,EAAEpD,SAAS,CAACmF,MAAM,CAACK,UAAU;IAClCvC,QAAQ,EAAEjD,SAAS,CAACuF,IAAI;IACxB7C,OAAO,EAAE1C,SAAS,CAACyF;EACrB,CAAC,CAAC;EACFnE,OAAO,EAAEtB,SAAS,CAACsF,KAAK,CAAC;IACvBlC,KAAK,EAAEpD,SAAS,CAACmF,MAAM,CAACK,UAAU;IAClC9C,OAAO,EAAE1C,SAAS,CAACyF;EACrB,CAAC,CAAC;EACFlE,OAAO,EAAEvB,SAAS,CAACuF,IAAI;EACvB/D,kBAAkB,EAAExB,SAAS,CAACmF,MAAM;EACpC1D,WAAW,EAAEzB,SAAS,CAACmF,MAAM;EAC7BzD,IAAI,EAAE1B,SAAS,CAACmF,MAAM;EACtBvD,UAAU,EAAE5B,SAAS,CAACsF,KAAK,CAAC;IAAC,GAAGhF,OAAO,CAACyE;EAAS,CAAC;AACpD,CAAC;AAEDjE,cAAc,CAAC4E,YAAY,GAAG;EAC5B7D,IAAI,EAAE3B,QAAQ,CAACyF,iBAAiB,CAAC9D;AACnC,CAAC;AAED,eAAef,cAAc","ignoreList":[]}

package/es/template/external-course/style.css

@@ -7,7 +7,7 @@
 @value dark from colors;
 @value warn from colors;
 
-.default{
+.defaultStyle{
   font-family: 'Gilroy';
   font-size: 14px;
   font-weight: bold;
@@ -25,7 +25,7 @@
 }
 
 .defaultCockpit{
-  composes: default;
+  composes: defaultStyle;
   height: 100%;
 }
 

package/lib/atom/autocomplete/index.js

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const THEME_STYLE = {
   coorpmanager: _style.default.coorpmanager,
-  default: _style.default.default
+  default: _style.default.defaultStyle
 };
 const renderSuggestion = suggestion => /*#__PURE__*/_react.default.createElement("span", null, suggestion.name);
 const Autocomplete = props => {
@@ -41,7 +41,7 @@ const Autocomplete = props => {
   } = props;
   const mainClass = THEME_STYLE[theme];
   const title = (0, _react.useMemo)(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);
-  const className = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error), [modified, error]);
+  const className = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error), [modified, error]);
   const handleInput = (0, _react.useCallback)(e => {
     onInput(e);
   }, [onInput]);