@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/organism/slider/index.js

@@ -5,11 +5,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionNavigationArrowLeft as ArrowLeft } from '@coorpacademy/nova-icons';
 import style from './style.css';
+
 const mapWithIndex = _map.convert({
   cap: false
-});
-// eslint-disable-next-line no-undef
+}); // eslint-disable-next-line no-undef
+
+
 const Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;
+
 class Slider extends React.Component {
   constructor(props) {
     super(props);
@@ -22,25 +25,31 @@ class Slider extends React.Component {
     this.autoPlay = this.autoPlay.bind(this);
     this.setSlider = this.setSlider.bind(this);
   }
+
   componentDidMount() {
     if (Hammer) {
       this.hammer = new Hammer(this.slider);
       this.hammer.on('swipeleft', this.handlePreviousSlide);
       this.hammer.on('swiperight', this.handleNextSlide);
     }
+
     this.autoPlay();
   }
+
   componentWillUnmount() {
     if (this.hammer) {
       this.hammer.stop();
       this.hammer.destroy();
     }
+
     this.hammer = null;
     clearTimeout(this.timer);
   }
+
   setSlider(el) {
     this.slider = el;
   }
+
   handleNextSlide() {
     this.setState(prevState => {
       const {
@@ -54,6 +63,7 @@ class Slider extends React.Component {
     });
     this.autoPlay();
   }
+
   handlePreviousSlide() {
     this.setState(prevState => {
       const {
@@ -67,6 +77,7 @@ class Slider extends React.Component {
     });
     this.autoPlay();
   }
+
   autoPlay() {
     clearTimeout(this.timer);
     this.timer = setTimeout(() => {
@@ -74,6 +85,7 @@ class Slider extends React.Component {
       this.autoPlay();
     }, this.interval);
   }
+
   render() {
     const {
       currentSlide
@@ -89,7 +101,9 @@ class Slider extends React.Component {
         className: isActive ? style.activeSlide : style.slide
       }, child);
     }, children);
+
     const currentSlide_ = _get(currentSlide, children);
+
     const controlColor = _getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';
     const leftControl = totalSlide > 1 ? /*#__PURE__*/React.createElement(ArrowLeft, {
       className: style.leftControl,
@@ -106,7 +120,9 @@ class Slider extends React.Component {
       ref: this.setSlider
     }, myslides, leftControl, rightControl);
   }
+
 }
+
 Slider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.arrayOf(PropTypes.node)
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionNavigationArrowLeft","ArrowLeft","style","mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionNavigationArrowLeft","ArrowLeft","style","mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,mCAAmC,IAAIC,UADzC,EAEEC,kCAAkC,IAAIC,SAFxC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,KAAIC,OAAJ,CAAY;EAACC,GAAG,EAAE;AAAN,CAAZ,CAArB,C,CACA;;;AACA,MAAMC,MAAM,GAAG,OAAOC,MAAP,KAAkB,WAAlB,GAAgCC,OAAO,CAAC,UAAD,CAAvC,GAAsDC,SAArE;;AAEA,MAAMC,MAAN,SAAqBd,KAAK,CAACe,SAA3B,CAAqC;EAKnCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MACXC,YAAY,EAAE;IADH,CAAb;IAGA,KAAKC,QAAL,GAAgB,IAAhB;IACA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,mBAAL,GAA2B,KAAKA,mBAAL,CAAyBD,IAAzB,CAA8B,IAA9B,CAA3B;IACA,KAAKE,QAAL,GAAgB,KAAKA,QAAL,CAAcF,IAAd,CAAmB,IAAnB,CAAhB;IACA,KAAKG,SAAL,GAAiB,KAAKA,SAAL,CAAeH,IAAf,CAAoB,IAApB,CAAjB;EACD;;EAEDI,iBAAiB,GAAG;IAClB,IAAIhB,MAAJ,EAAY;MACV,KAAKiB,MAAL,GAAc,IAAIjB,MAAJ,CAAW,KAAKkB,MAAhB,CAAd;MACA,KAAKD,MAAL,CAAYE,EAAZ,CAAe,WAAf,EAA4B,KAAKN,mBAAjC;MACA,KAAKI,MAAL,CAAYE,EAAZ,CAAe,YAAf,EAA6B,KAAKR,eAAlC;IACD;;IAED,KAAKG,QAAL;EACD;;EAEDM,oBAAoB,GAAG;IACrB,IAAI,KAAKH,MAAT,EAAiB;MACf,KAAKA,MAAL,CAAYI,IAAZ;MACA,KAAKJ,MAAL,CAAYK,OAAZ;IACD;;IACD,KAAKL,MAAL,GAAc,IAAd;IACAM,YAAY,CAAC,KAAKC,KAAN,CAAZ;EACD;;EAEDT,SAAS,CAACU,EAAD,EAAK;IACZ,KAAKP,MAAL,GAAcO,EAAd;EACD;;EAEDd,eAAe,GAAG;IAChB,KAAKe,QAAL,CAAcC,SAAS,IAAI;MACzB,MAAM;QAACC;MAAD,IAAa,KAAKrB,KAAxB;MACA,MAAMsB,UAAU,GAAGD,QAAQ,CAACE,MAA5B;MACA,MAAMC,SAAS,GAAGJ,SAAS,CAAClB,YAAV,GAAyB,CAA3C;MAEA,OAAO;QACLA,YAAY,EAAEsB,SAAS,IAAIF,UAAb,GAA0B,CAA1B,GAA8BE;MADvC,CAAP;IAGD,CARD;IAUA,KAAKjB,QAAL;EACD;;EAEDD,mBAAmB,GAAG;IACpB,KAAKa,QAAL,CAAcC,SAAS,IAAI;MACzB,MAAM;QAACC;MAAD,IAAa,KAAKrB,KAAxB;MACA,MAAMsB,UAAU,GAAGD,QAAQ,CAACE,MAA5B;MACA,MAAMC,SAAS,GAAGJ,SAAS,CAAClB,YAAV,GAAyB,CAA3C;MAEA,OAAO;QACLA,YAAY,EAAEsB,SAAS,GAAG,CAAZ,GAAgBF,UAAU,GAAG,CAA7B,GAAiCE;MAD1C,CAAP;IAGD,CARD;IAUA,KAAKjB,QAAL;EACD;;EAEDA,QAAQ,GAAG;IACTS,YAAY,CAAC,KAAKC,KAAN,CAAZ;IACA,KAAKA,KAAL,GAAaQ,UAAU,CAAC,MAAM;MAC5B,KAAKrB,eAAL;MACA,KAAKG,QAAL;IACD,CAHsB,EAGpB,KAAKJ,QAHe,CAAvB;EAID;;EAEDuB,MAAM,GAAG;IACP,MAAM;MAACxB;IAAD,IAAiB,KAAKD,KAA5B;IACA,MAAM;MAACoB;IAAD,IAAa,KAAKrB,KAAxB;IACA,MAAMsB,UAAU,GAAGD,QAAQ,CAACE,MAA5B;IAEA,MAAMI,QAAQ,GAAGrC,YAAY,CAAC,CAACsC,KAAD,EAAQC,KAAR,KAAkB;MAC9C,MAAMC,QAAQ,GAAG5B,YAAY,KAAK2B,KAAlC;MAEA,oBACE;QAAK,GAAG,EAAEA,KAAV;QAAiB,SAAS,EAAEC,QAAQ,GAAGzC,KAAK,CAAC0C,WAAT,GAAuB1C,KAAK,CAAC2C;MAAjE,GACGJ,KADH,CADF;IAKD,CAR4B,EAQ1BP,QAR0B,CAA7B;;IAUA,MAAMY,aAAa,GAAG,KAAI/B,YAAJ,EAAkBmB,QAAlB,CAAtB;;IACA,MAAMa,YAAY,GAAG,OAAM,KAAN,EAAa,OAAb,EAAsBD,aAAtB,IAAuC,MAAvC,GAAgD,MAArE;IACA,MAAME,WAAW,GACfb,UAAU,GAAG,CAAb,gBACE,oBAAC,SAAD;MACE,SAAS,EAAEjC,KAAK,CAAC8C,WADnB;MAEE,KAAK,EAAED,YAFT;MAGE,OAAO,EAAE,KAAK5B;IAHhB,EADF,GAMI,IAPN;IASA,MAAM8B,YAAY,GAChBd,UAAU,GAAG,CAAb,gBACE,oBAAC,UAAD;MACE,SAAS,EAAEjC,KAAK,CAAC+C,YADnB;MAEE,KAAK,EAAEF,YAFT;MAGE,OAAO,EAAE,KAAK9B;IAHhB,EADF,GAMI,IAPN;IASA,oBACE;MAAK,SAAS,EAAEf,KAAK,CAACgD,aAAtB;MAAqC,GAAG,EAAE,KAAK7B;IAA/C,GACGmB,QADH,EAEGQ,WAFH,EAGGC,YAHH,CADF;EAOD;;AAtHkC;;AAA/BvC,M,CACGyC,S,2CAAY;EACjBjB,QAAQ,EAAErC,SAAS,CAACuD,OAAV,CAAkBvD,SAAS,CAACwD,IAA5B;AADO,C;AAwHrB,eAAe3C,MAAf"}

package/es/organism/user-preferences/index.js

@@ -1,20 +1,25 @@
 import _isEmpty from "lodash/fp/isEmpty";
 import _map from "lodash/fp/map";
 const _excluded = ["label", "description", "moreInfoAriaLabel"];
+
 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); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyInformationIcon as InfoIcon } from '@coorpacademy/nova-icons';
 import InputSwitch from '../../atom/input-switch';
 import style from './style.css';
+
 const Settings = props => {
   const {
-      label,
-      description,
-      moreInfoAriaLabel
-    } = props,
-    settings = _objectWithoutPropertiesLoose(props, _excluded);
+    label,
+    description,
+    moreInfoAriaLabel
+  } = props,
+        settings = _objectWithoutPropertiesLoose(props, _excluded);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.settings
   }, /*#__PURE__*/React.createElement(InputSwitch, settings), /*#__PURE__*/React.createElement("span", {
@@ -32,10 +37,12 @@ const Settings = props => {
     className: style.descriptionLabel
   }, description))));
 };
+
 Settings.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, InputSwitch.propTypes, {
   label: PropTypes.string.isRequired,
   description: PropTypes.string
 }) : {};
+
 const UserPreferences = props => {
   const {
     preferences = [],
@@ -51,6 +58,7 @@ const UserPreferences = props => {
     moreInfoAriaLabel: moreInfoAriaLabel
   })), preferences)));
 };
+
 UserPreferences.propTypes = process.env.NODE_ENV !== "production" ? {
   preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),
   moreInfoAriaLabel: PropTypes.string,

package/es/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyInformationIcon","InfoIcon","InputSwitch","style","Settings","props","label","description","moreInfoAriaLabel","settings","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,0CAA0C,IAAIC,QAAQ,QAAO,0BAA0B;AAC/F,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;MAACC,KAAK;MAAEC,WAAW;MAAEC;IAA8B,CAAC,GAAGH,KAAK;IAAjBI,QAAQ,iCAAIJ,KAAK;EAClE,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAS,gBAC7B,oBAAC,WAAW,EAAKA,QAAQ,CAAI,eAC7B;IAAM,SAAS,EAAEN,KAAK,CAACG;EAAM,GAAEA,KAAK,CAAQ,EAC3C,SAAQC,WAAW,CAAC,GAAG,IAAI,gBAC1B;IAAK,SAAS,EAAEJ,KAAK,CAACO;EAAgB,gBACpC,oBAAC,QAAQ;IACP,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,SAAS,EAAEP,KAAK,CAACQ,QAAS;IAC1B,cAAYH;EAAkB,EAC9B,eACF;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAY,gBAChC;IAAK,SAAS,EAAET,KAAK,CAACU;EAAiB,GAAEN,WAAW,CAAO,CACvD,CAET,CACG;AAEV,CAAC;AAEDH,QAAQ,CAACU,SAAS,wDACbZ,WAAW,CAACY,SAAS;EACxBR,KAAK,EAAEP,SAAS,CAACgB,MAAM,CAACC,UAAU;EAClCT,WAAW,EAAER,SAAS,CAACgB;AAAM;AAG/B,MAAME,eAAe,GAAGZ,KAAK,IAAI;EAC/B,MAAM;IAACa,WAAW,GAAG,EAAE;IAAEV,iBAAiB;IAAEW;EAAc,CAAC,GAAGd,KAAK;EAEnE,oBACE,+CACE;IAAK,SAAS,EAAEF,KAAK,CAACe,WAAY;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYC;EAAe,GACxE,KACCV,QAAQ,iBACN,oBAAC,QAAQ,eAAKA,QAAQ;IAAE,GAAG,EAAEA,QAAQ,CAACH,KAAM;IAAC,iBAAiB,EAAEE;EAAkB,GACnF,EACDU,WAAW,CACZ,CACG,CACD;AAEX,CAAC;AAEDD,eAAe,CAACH,SAAS,2CAAG;EAC1BI,WAAW,EAAEnB,SAAS,CAACqB,OAAO,CAACrB,SAAS,CAACsB,KAAK,CAACjB,QAAQ,CAACU,SAAS,CAAC,CAAC;EACnEN,iBAAiB,EAAET,SAAS,CAACgB,MAAM;EACnCI,cAAc,EAAEpB,SAAS,CAACgB;AAC5B,CAAC;AAED,eAAeE,eAAe"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyInformationIcon","InfoIcon","InputSwitch","style","Settings","props","label","description","moreInfoAriaLabel","settings","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,0CAA0C,IAAIC,QAAtD,QAAqE,0BAArE;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE,oBAAC,WAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEN,KAAK,CAACG;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,SAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEJ,KAAK,CAACO;EAAtB,gBACE,oBAAC,QAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAEP,KAAK,CAACQ,QAHnB;IAIE,cAAYH;EAJd,EADF,eAOE;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,GAAyCN,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACU,SAAT,wDACKZ,WAAW,CAACY,SADjB;EAEER,KAAK,EAAEP,SAAS,CAACgB,MAAV,CAAiBC,UAF1B;EAGET,WAAW,EAAER,SAAS,CAACgB;AAHzB;;AAMA,MAAME,eAAe,GAAGZ,KAAK,IAAI;EAC/B,MAAM;IAACa,WAAW,GAAG,EAAf;IAAmBV,iBAAnB;IAAsCW;EAAtC,IAAwDd,KAA9D;EAEA,oBACE,+CACE;IAAK,SAAS,EAAEF,KAAK,CAACe,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC;EAA5D,GACG,KACCV,QAAQ,iBACN,oBAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICU,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BI,WAAW,EAAEnB,SAAS,CAACqB,OAAV,CAAkBrB,SAAS,CAACsB,KAAV,CAAgBjB,QAAQ,CAACU,SAAzB,CAAlB,CADa;EAE1BN,iBAAiB,EAAET,SAAS,CAACgB,MAFH;EAG1BI,cAAc,EAAEpB,SAAS,CAACgB;AAHA,CAA5B;AAMA,eAAeE,eAAf"}

package/es/organism/wizard-contents/index.js

@@ -1,4 +1,5 @@
 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 getOr from 'lodash/fp/getOr';
 import PropTypes from 'prop-types';
@@ -13,6 +14,7 @@ import CourseSelection from '../course-selection';
 import CourseSections from '../../molecule/course-sections';
 import RewardsForm from '../rewards-form';
 import style from './style.css';
+
 const buildHeader = (wizardHeader, steps) => {
   const {
     title,
@@ -34,25 +36,33 @@ const buildHeader = (wizardHeader, steps) => {
     steps: steps
   }));
 };
+
 const buildForm = content => {
   const {
     type
   } = content;
+
   switch (type) {
     case 'form':
       return /*#__PURE__*/React.createElement(BrandForm, content);
+
     case 'translate':
       return /*#__PURE__*/React.createElement(ContentTranslate, content);
+
     case 'populations':
       return /*#__PURE__*/React.createElement(OrganismSearchAndChipsResults, content);
+
     case 'courses':
       return /*#__PURE__*/React.createElement(CourseSelection, content);
+
     case 'organize-courses':
       return /*#__PURE__*/React.createElement(CourseSections, content);
+
     case 'rewards':
       return /*#__PURE__*/React.createElement(RewardsForm, content);
   }
 };
+
 const buildButton = (type, step, side) => {
   const ICONS = {
     previous: {
@@ -82,6 +92,7 @@ const buildButton = (type, step, side) => {
   };
   return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
 };
+
 const buildActionZone = (previousStep, nextStep, side) => {
   const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;
   const nextStepType = getOr('next', 'type', nextStep);
@@ -94,6 +105,7 @@ const buildActionZone = (previousStep, nextStep, side) => {
     className: style.button
   }, nextButton));
 };
+
 const WizardContents = props => {
   const {
     isLoading,
@@ -138,6 +150,7 @@ const WizardContents = props => {
     className: style.actionFooter
   }, footerActionView)));
 };
+
 WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
   isLoading: PropTypes.bool,
   wizardHeader: PropTypes.shape({

package/es/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}

package/es/template/activity/engine-stars.js

@@ -1,6 +1,8 @@
 import _noop from "lodash/fp/noop";
 import _get from "lodash/fp/get";
+
 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 classnames from 'classnames';
 import React, { useCallback, useMemo, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
@@ -22,6 +24,7 @@ const ICONS = {
   podcast: PodcastIcon,
   review: RevisionIcon
 };
+
 const ToolTipContent = ({
   preMessage,
   linkMessage,
@@ -39,6 +42,7 @@ const ToolTipContent = ({
     color
   }
 }, linkMessage), /*#__PURE__*/React.createElement("span", null, endMessage));
+
 ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   preMessage: PropTypes.string,
   linkMessage: PropTypes.string,
@@ -47,6 +51,7 @@ ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   handleContentMouseOver: PropTypes.func
 } : {};
+
 const EngineStars = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const translate = GetTranslateFromContext(legacyContext);
@@ -60,17 +65,22 @@ const EngineStars = (props, legacyContext) => {
     onClick = _noop,
     className
   } = props;
+
   const handleClick = e => {
     e.stopPropagation();
     e.preventDefault();
     onClick(e);
   };
+
   const dark = _get('common.dark', skin);
+
   const light = _get('common.light', skin);
+
   const IconType = ICONS[type];
-  const primary = _get('common.primary', skin);
 
-  // to replace by useId when React17 is bumped to React18
+  const primary = _get('common.primary', skin); // to replace by useId when React17 is bumped to React18
+
+
   const [engineStarsContentId] = useState(disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
   const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);
@@ -83,7 +93,9 @@ const EngineStars = (props, legacyContext) => {
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleContentMouseOver = useCallback(() => {
-    mouseLeaveTimer && /* istanbul ignore next */clearTimeout(mouseLeaveTimer);
+    mouseLeaveTimer &&
+    /* istanbul ignore next */
+    clearTimeout(mouseLeaveTimer);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = useCallback(() => {
     setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));
@@ -105,8 +117,7 @@ const EngineStars = (props, legacyContext) => {
     ref: buttonRef,
     "data-tip": disabled,
     "data-engine": type,
-    "data-testid": `engine-stars-${type}`
-    // eslint-disable-next-line no-nested-ternary
+    "data-testid": `engine-stars-${type}` // eslint-disable-next-line no-nested-ternary
     ,
     onClick: disabled ? handleKeyPress : active ? _noop : handleClick,
     "data-for": engineStarsContentId,
@@ -143,6 +154,7 @@ const EngineStars = (props, legacyContext) => {
     className: style.scoreTitle
   }, title));
 };
+
 EngineStars.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.string.isRequired,
   stars: PropTypes.number.isRequired,

package/es/template/activity/engine-stars.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.js","names":["classnames","React","useCallback","useMemo","useState","useRef","PropTypes","v5","uuidV5","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaSolidContentContentBook1","LearnerIcon","NovaSolidVoteRewardsRewardsBadge1","BonusIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Link","style","ICONS","microlearning","learner","battle","certifications","bonus","article","scorm","video","podcast","review","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","toolTipContent","propTypes","string","func","EngineStars","props","legacyContext","skin","translate","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","handleKeyPress","event","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/engine-stars.js"],"sourcesContent":["import classnames from 'classnames';\nimport React, {useCallback, useMemo, useState, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport {v5 as uuidV5} from 'uuid';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaSolidVoteRewardsRewardsBadge1 as BonusIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Link from '../../atom/link';\nimport style from './engine-stars.css';\n\nconst ICONS = {\n  microlearning: TimerIcon,\n  learner: LearnerIcon,\n  battle: BoltIcon,\n  certifications: CertificationIcon,\n  bonus: BonusIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ToolTipContent = ({\n  preMessage,\n  linkMessage,\n  endMessage,\n  onClick,\n  color,\n  handleContentMouseOver\n}) => (\n  <p\n    className={style.toolTipContent}\n    onMouseOver={handleContentMouseOver}\n    data-testid=\"react-tooltip-content\"\n  >\n    <span>{preMessage}</span>\n    <Link\n      onClick={onClick}\n      style={{\n        color\n      }}\n    >\n      {linkMessage}\n    </Link>\n    <span>{endMessage}</span>\n  </p>\n);\n\nToolTipContent.propTypes = {\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  handleContentMouseOver: PropTypes.func\n};\n\nconst EngineStars = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const {\n    toolTip = null,\n    disabled,\n    type,\n    stars,\n    title,\n    active = false,\n    onClick = noop,\n    className\n  } = props;\n\n  const handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    onClick(e);\n  };\n  const dark = get('common.dark', skin);\n  const light = get('common.light', skin);\n  const IconType = ICONS[type];\n\n  const primary = get('common.primary', skin);\n\n  // to replace by useId when React17 is bumped to React18\n  const [engineStarsContentId] = useState(\n    disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined\n  );\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n  const buttonRef = useRef(null);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));\n  }, []);\n\n  const toolTipContentProps = useMemo(\n    () =>\n      toolTip\n        ? {\n            preMessage: toolTip.preMessage,\n            linkMessage: toolTip.linkMessage,\n            endMessage: toolTip.endMessage,\n            color: primary,\n            onClick: toolTip.onClick\n          }\n        : null,\n    [primary, toolTip]\n  );\n\n  const toolTipProps = {\n    closeToolTipInformationTextAriaLabel: translate(\n      'Press the escape key to close the information text'\n    )\n  };\n\n  const TooltipContent = useCallback(\n    _props => (\n      <ToolTipContent\n        {...{...toolTipContentProps, ..._props}}\n        handleContentMouseOver={handleContentMouseOver}\n      />\n    ),\n    [handleContentMouseOver, toolTipContentProps]\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      data-tip={disabled}\n      data-engine={type}\n      data-testid={`engine-stars-${type}`}\n      // eslint-disable-next-line no-nested-ternary\n      onClick={disabled ? handleKeyPress : active ? noop : handleClick}\n      data-for={engineStarsContentId}\n      className={classnames([\n        style.engineStars,\n        disabled ? style.disabled : '',\n        active ? style.active : '',\n        onClick !== noop ? style.clickable : null,\n        className\n      ])}\n      type=\"button\"\n      data-tooltip-place=\"left\"\n      onKeyDown={handleKeyPress}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      {disabled ? (\n        <ToolTip\n          {...toolTipProps}\n          anchorId={engineStarsContentId}\n          toolTipIsVisible={toolTipIsVisible}\n          TooltipContent={TooltipContent}\n          mouseLeaveTimer={mouseLeaveTimer}\n        />\n      ) : null}\n      <span\n        className={style.engineIcon}\n        style={{\n          backgroundColor: onClick === noop ? light : primary\n        }}\n      >\n        <IconType className={style.iconHeader} width=\"30\" />\n      </span>\n      <div\n        className={style.score}\n        style={{\n          color: active ? primary : dark\n        }}\n      >\n        <p data-name=\"star-counter\">{stars}</p>\n        <span>\n          <StarIcon className={style.iconStar} color={active ? primary : dark} />\n        </span>\n      </div>\n      <div className={style.scoreTitle}>{title}</div>\n    </button>\n  );\n};\n\nEngineStars.propTypes = {\n  type: PropTypes.string.isRequired,\n  stars: PropTypes.number.isRequired,\n  title: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  toolTip: PropTypes.shape({\n    preMessage: PropTypes.string,\n    linkMessage: PropTypes.string,\n    endMessage: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nEngineStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default EngineStars;\n"],"mappings":"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"}
+{"version":3,"file":"engine-stars.js","names":["classnames","React","useCallback","useMemo","useState","useRef","PropTypes","v5","uuidV5","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaSolidContentContentBook1","LearnerIcon","NovaSolidVoteRewardsRewardsBadge1","BonusIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Link","style","ICONS","microlearning","learner","battle","certifications","bonus","article","scorm","video","podcast","review","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","toolTipContent","propTypes","string","func","EngineStars","props","legacyContext","skin","translate","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","handleKeyPress","event","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/engine-stars.js"],"sourcesContent":["import classnames from 'classnames';\nimport React, {useCallback, useMemo, useState, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport {v5 as uuidV5} from 'uuid';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaSolidVoteRewardsRewardsBadge1 as BonusIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Link from '../../atom/link';\nimport style from './engine-stars.css';\n\nconst ICONS = {\n  microlearning: TimerIcon,\n  learner: LearnerIcon,\n  battle: BoltIcon,\n  certifications: CertificationIcon,\n  bonus: BonusIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ToolTipContent = ({\n  preMessage,\n  linkMessage,\n  endMessage,\n  onClick,\n  color,\n  handleContentMouseOver\n}) => (\n  <p\n    className={style.toolTipContent}\n    onMouseOver={handleContentMouseOver}\n    data-testid=\"react-tooltip-content\"\n  >\n    <span>{preMessage}</span>\n    <Link\n      onClick={onClick}\n      style={{\n        color\n      }}\n    >\n      {linkMessage}\n    </Link>\n    <span>{endMessage}</span>\n  </p>\n);\n\nToolTipContent.propTypes = {\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  handleContentMouseOver: PropTypes.func\n};\n\nconst EngineStars = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const {\n    toolTip = null,\n    disabled,\n    type,\n    stars,\n    title,\n    active = false,\n    onClick = noop,\n    className\n  } = props;\n\n  const handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    onClick(e);\n  };\n  const dark = get('common.dark', skin);\n  const light = get('common.light', skin);\n  const IconType = ICONS[type];\n\n  const primary = get('common.primary', skin);\n\n  // to replace by useId when React17 is bumped to React18\n  const [engineStarsContentId] = useState(\n    disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined\n  );\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n  const buttonRef = useRef(null);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));\n  }, []);\n\n  const toolTipContentProps = useMemo(\n    () =>\n      toolTip\n        ? {\n            preMessage: toolTip.preMessage,\n            linkMessage: toolTip.linkMessage,\n            endMessage: toolTip.endMessage,\n            color: primary,\n            onClick: toolTip.onClick\n          }\n        : null,\n    [primary, toolTip]\n  );\n\n  const toolTipProps = {\n    closeToolTipInformationTextAriaLabel: translate(\n      'Press the escape key to close the information text'\n    )\n  };\n\n  const TooltipContent = useCallback(\n    _props => (\n      <ToolTipContent\n        {...{...toolTipContentProps, ..._props}}\n        handleContentMouseOver={handleContentMouseOver}\n      />\n    ),\n    [handleContentMouseOver, toolTipContentProps]\n  );\n\n  return (\n    <button\n      ref={buttonRef}\n      data-tip={disabled}\n      data-engine={type}\n      data-testid={`engine-stars-${type}`}\n      // eslint-disable-next-line no-nested-ternary\n      onClick={disabled ? handleKeyPress : active ? noop : handleClick}\n      data-for={engineStarsContentId}\n      className={classnames([\n        style.engineStars,\n        disabled ? style.disabled : '',\n        active ? style.active : '',\n        onClick !== noop ? style.clickable : null,\n        className\n      ])}\n      type=\"button\"\n      data-tooltip-place=\"left\"\n      onKeyDown={handleKeyPress}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      {disabled ? (\n        <ToolTip\n          {...toolTipProps}\n          anchorId={engineStarsContentId}\n          toolTipIsVisible={toolTipIsVisible}\n          TooltipContent={TooltipContent}\n          mouseLeaveTimer={mouseLeaveTimer}\n        />\n      ) : null}\n      <span\n        className={style.engineIcon}\n        style={{\n          backgroundColor: onClick === noop ? light : primary\n        }}\n      >\n        <IconType className={style.iconHeader} width=\"30\" />\n      </span>\n      <div\n        className={style.score}\n        style={{\n          color: active ? primary : dark\n        }}\n      >\n        <p data-name=\"star-counter\">{stars}</p>\n        <span>\n          <StarIcon className={style.iconStar} color={active ? primary : dark} />\n        </span>\n      </div>\n      <div className={style.scoreTitle}>{title}</div>\n    </button>\n  );\n};\n\nEngineStars.propTypes = {\n  type: PropTypes.string.isRequired,\n  stars: PropTypes.number.isRequired,\n  title: PropTypes.string.isRequired,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n  toolTip: PropTypes.shape({\n    preMessage: PropTypes.string,\n    linkMessage: PropTypes.string,\n    endMessage: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nEngineStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default EngineStars;\n"],"mappings":"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"}

package/es/template/activity/index.js

@@ -1,4 +1,5 @@
 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, { useCallback } from 'react';
 import get from 'lodash/fp/get';
 import isEmpty from 'lodash/fp/isEmpty';
@@ -18,6 +19,7 @@ import style from './style.css';
 const mapWithIndex = map.convert({
   cap: false
 });
+
 const Progression = (props, legacyContext) => {
   const {
     mainTitle,
@@ -71,8 +73,7 @@ const Progression = (props, legacyContext) => {
   }, recommendation.title, " "), /*#__PURE__*/React.createElement("p", {
     className: style.recommendationSection
   }, /*#__PURE__*/React.createElement("span", null, recommendation.subtitle, " "), /*#__PURE__*/React.createElement("span", {
-    className: classnames(style.course, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.course, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: recommendation.courseTitle
@@ -108,6 +109,7 @@ const Progression = (props, legacyContext) => {
     "data-name": "activityList"
   }, coreProgression, loader));
 };
+
 Progression.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","allProgressions","progression","index","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","propTypes","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  } = 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    />\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      />\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};\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};\n\nexport default Progression;\n"],"mappings":"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"}
+{"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","skin","onChange","themeFilterOnChange","handleClick","e","stopPropagation","preventDefault","onClick","handleSelectTheme","primary","loader","allProgressions","progression","index","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","childContextTypes","propTypes","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  } = 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    />\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      />\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};\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};\n\nexport default Progression;\n"],"mappings":"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"}