@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

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":"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"}

package/es/organism/user-preferences/index.d.ts

@@ -11,6 +11,8 @@ declare namespace UserPreferences {
             value: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;

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.d.ts

@@ -103,6 +103,8 @@ declare namespace WizardContents {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -156,6 +158,7 @@ declare namespace WizardContents {
                     modified: PropTypes.Requireable<boolean>;
                     error: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;
@@ -235,6 +238,8 @@ declare namespace WizardContents {
                             disabled: PropTypes.Requireable<boolean>;
                             onChange: PropTypes.Requireable<(...args: any[]) => any>;
                             description: PropTypes.Requireable<string>;
+                            'aria-labelledby': PropTypes.Requireable<string>;
+                            'aria-label': PropTypes.Requireable<string>;
                             modified: PropTypes.Requireable<boolean>;
                             titlePosition: PropTypes.Requireable<string>;
                             theme: PropTypes.Requireable<string>;
@@ -271,6 +276,7 @@ declare namespace WizardContents {
                             modified: PropTypes.Requireable<boolean>;
                             error: PropTypes.Requireable<boolean>;
                             'aria-label': PropTypes.Requireable<string>;
+                            'aria-labelledby': PropTypes.Requireable<string>;
                         }> | PropTypes.InferProps<{
                             type: PropTypes.Requireable<string>;
                             title: PropTypes.Validator<string>;
@@ -375,6 +381,8 @@ declare namespace WizardContents {
                             disabled: PropTypes.Requireable<boolean>;
                             onChange: PropTypes.Requireable<(...args: any[]) => any>;
                             description: PropTypes.Requireable<string>;
+                            'aria-labelledby': PropTypes.Requireable<string>;
+                            'aria-label': PropTypes.Requireable<string>;
                             modified: PropTypes.Requireable<boolean>;
                             titlePosition: PropTypes.Requireable<string>;
                             theme: PropTypes.Requireable<string>;

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":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAGC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAO,OAAO;AACnE,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,EAAE,IAAIC,MAAM,QAAO,MAAM;AACjC,SACEC,+BAA+B,IAAIC,QAAQ,EAC3CC,gCAAgC,IAAIC,SAAS,EAC7CC,+BAA+B,IAAIC,QAAQ,EAC3CC,mCAAmC,IAAIC,iBAAiB,EACxDC,4BAA4B,IAAIC,WAAW,EAC3CC,iCAAiC,IAAIC,SAAS,EAC9CC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,qCAAqC,IAAIC,WAAW,EACpDC,mCAAmC,IAAIC,YAAY,QAC9C,0BAA0B;AACjC,OAAOC,QAAQ,IAAGC,kBAAkB,EAAEC,uBAAuB,QAAO,qBAAqB;AACzF,OAAOC,OAAO,IAAGC,qBAAqB,QAAO,oBAAoB;AACjE,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,KAAK,GAAG;EACZC,aAAa,EAAE3B,SAAS;EACxB4B,OAAO,EAAEtB,WAAW;EACpBuB,MAAM,EAAE3B,QAAQ;EAChB4B,cAAc,EAAE1B,iBAAiB;EACjC2B,KAAK,EAAEvB,SAAS;EAChBwB,OAAO,EAAEpB,WAAW;EACpBqB,KAAK,EAAEvB,SAAS;EAChBwB,KAAK,EAAEpB,SAAS;EAChBqB,OAAO,EAAEnB,WAAW;EACpBoB,MAAM,EAAElB;AACV,CAAC;AAED,MAAMmB,cAAc,GAAG,CAAC;EACtBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC;AACF,CAAC,kBACC;EACE,SAAS,EAAElB,KAAK,CAACmB,cAAe;EAChC,WAAW,EAAED,sBAAuB;EACpC,eAAY;AAAuB,gBAEnC,kCAAOL,UAAU,CAAQ,eACzB,oBAAC,IAAI;EACH,OAAO,EAAEG,OAAQ;EACjB,KAAK,EAAE;IACLC;EACF;AAAE,GAEDH,WAAW,CACP,eACP,kCAAOC,UAAU,CAAQ,CAE5B;AAEDH,cAAc,CAACQ,SAAS,2CAAG;EACzBP,UAAU,EAAE5C,SAAS,CAACoD,MAAM;EAC5BP,WAAW,EAAE7C,SAAS,CAACoD,MAAM;EAC7BN,UAAU,EAAE9C,SAAS,CAACoD,MAAM;EAC5BJ,KAAK,EAAEhD,SAAS,CAACoD,MAAM;EACvBL,OAAO,EAAE/C,SAAS,CAACqD,IAAI;EACvBJ,sBAAsB,EAAEjD,SAAS,CAACqD;AACpC,CAAC;AAED,MAAMC,WAAW,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC5C,MAAMC,IAAI,GAAG/B,kBAAkB,CAAC8B,aAAa,CAAC;EAC9C,MAAME,SAAS,GAAG/B,uBAAuB,CAAC6B,aAAa,CAAC;EACxD,MAAM;IACJG,OAAO,GAAG,IAAI;IACdC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdjB,OAAO,QAAO;IACdkB;EACF,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAGC,CAAC,IAAI;IACvBA,CAAC,CAACC,eAAe,EAAE;IACnBD,CAAC,CAACE,cAAc,EAAE;IAClBtB,OAAO,CAACoB,CAAC,CAAC;EACZ,CAAC;EACD,MAAMG,IAAI,GAAG,KAAI,aAAa,EAAEb,IAAI,CAAC;EACrC,MAAMc,KAAK,GAAG,KAAI,cAAc,EAAEd,IAAI,CAAC;EACvC,MAAMe,QAAQ,GAAGxC,KAAK,CAAC6B,IAAI,CAAC;EAE5B,MAAMY,OAAO,GAAG,KAAI,gBAAgB,EAAEhB,IAAI,CAAC;;EAE3C;EACA,MAAM,CAACiB,oBAAoB,CAAC,GAAG5E,QAAQ,CACrC8D,QAAQ,GAAG1D,MAAM,CAAC,cAAc,EAAEA,MAAM,CAACyE,GAAG,CAAC,GAAGC,SAAS,CAC1D;EACD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhF,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACiF,eAAe,EAAEC,kBAAkB,CAAC,GAAGlF,QAAQ,CAAC8E,SAAS,CAAC;EACjE,MAAMK,SAAS,GAAGlF,MAAM,CAAC,IAAI,CAAC;EAE9B,MAAMmF,cAAc,GAAGtF,WAAW,CAChCuF,KAAK,IAAI;IACPtD,qBAAqB,CAACgD,gBAAgB,EAAEC,mBAAmB,EAAEG,SAAS,CAAC,CAACE,KAAK,CAAC;EAChF,CAAC,EACD,CAACN,gBAAgB,CAAC,CACnB;EAED,MAAMO,eAAe,GAAGxF,WAAW,CAAC,MAAM;IACxCmF,eAAe,IAAIM,YAAY,CAACN,eAAe,CAAC;IAChDD,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACC,eAAe,CAAC,CAAC;EAErB,MAAM9B,sBAAsB,GAAGrD,WAAW,CAAC,MAAM;IAC/CmF,eAAe,IAAI,0BAA2BM,YAAY,CAACN,eAAe,CAAC;EAC7E,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,MAAMO,gBAAgB,GAAG1F,WAAW,CAAC,MAAM;IACzCoF,kBAAkB,CAACO,UAAU,CAAC,MAAMT,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;EACvE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,mBAAmB,GAAG3F,OAAO,CACjC,MACE8D,OAAO,GACH;IACEf,UAAU,EAAEe,OAAO,CAACf,UAAU;IAC9BC,WAAW,EAAEc,OAAO,CAACd,WAAW;IAChCC,UAAU,EAAEa,OAAO,CAACb,UAAU;IAC9BE,KAAK,EAAEyB,OAAO;IACd1B,OAAO,EAAEY,OAAO,CAACZ;EACnB,CAAC,GACD,IAAI,EACV,CAAC0B,OAAO,EAAEd,OAAO,CAAC,CACnB;EAED,MAAM8B,YAAY,GAAG;IACnBC,oCAAoC,EAAEhC,SAAS,CAC7C,oDAAoD;EAExD,CAAC;EAED,MAAMiC,cAAc,GAAG/F,WAAW,CAChCgG,MAAM,iBACJ,oBAAC,cAAc,4BACLJ,mBAAmB,EAAKI,MAAM;IACtC,sBAAsB,EAAE3C;EAAuB,GAElD,EACD,CAACA,sBAAsB,EAAEuC,mBAAmB,CAAC,CAC9C;EAED,oBACE;IACE,GAAG,EAAEP,SAAU;IACf,YAAUrB,QAAS;IACnB,eAAaC,IAAK;IAClB,eAAc,gBAAeA,IAAK;IAClC;IAAA;IACA,OAAO,EAAED,QAAQ,GAAGsB,cAAc,GAAGlB,MAAM,WAAUE,WAAY;IACjE,YAAUQ,oBAAqB;IAC/B,SAAS,EAAEhF,UAAU,CAAC,CACpBqC,KAAK,CAAC8D,WAAW,EACjBjC,QAAQ,GAAG7B,KAAK,CAAC6B,QAAQ,GAAG,EAAE,EAC9BI,MAAM,GAAGjC,KAAK,CAACiC,MAAM,GAAG,EAAE,EAC1BjB,OAAO,UAAS,GAAGhB,KAAK,CAAC+D,SAAS,GAAG,IAAI,EACzC7B,SAAS,CACV,CAAE;IACH,IAAI,EAAC,QAAQ;IACb,sBAAmB,MAAM;IACzB,SAAS,EAAEiB,cAAe;IAC1B,YAAY,EAAEI,gBAAiB;IAC/B,WAAW,EAAEF;EAAgB,GAE5BxB,QAAQ,gBACP,oBAAC,OAAO,eACF6B,YAAY;IAChB,QAAQ,EAAEf,oBAAqB;IAC/B,gBAAgB,EAAEG,gBAAiB;IACnC,cAAc,EAAEc,cAAe;IAC/B,eAAe,EAAEZ;EAAgB,GACjC,GACA,IAAI,eACR;IACE,SAAS,EAAEhD,KAAK,CAACgE,UAAW;IAC5B,KAAK,EAAE;MACLC,eAAe,EAAEjD,OAAO,UAAS,GAAGwB,KAAK,GAAGE;IAC9C;EAAE,gBAEF,oBAAC,QAAQ;IAAC,SAAS,EAAE1C,KAAK,CAACkE,UAAW;IAAC,KAAK,EAAC;EAAI,EAAG,CAC/C,eACP;IACE,SAAS,EAAElE,KAAK,CAACmE,KAAM;IACvB,KAAK,EAAE;MACLlD,KAAK,EAAEgB,MAAM,GAAGS,OAAO,GAAGH;IAC5B;EAAE,gBAEF;IAAG,aAAU;EAAc,GAAER,KAAK,CAAK,eACvC,+CACE,oBAAC,QAAQ;IAAC,SAAS,EAAE/B,KAAK,CAACoE,QAAS;IAAC,KAAK,EAAEnC,MAAM,GAAGS,OAAO,GAAGH;EAAK,EAAG,CAClE,CACH,eACN;IAAK,SAAS,EAAEvC,KAAK,CAACqE;EAAW,GAAErC,KAAK,CAAO,CACxC;AAEb,CAAC;AAEDT,WAAW,CAACH,SAAS,2CAAG;EACtBU,IAAI,EAAE7D,SAAS,CAACoD,MAAM,CAACiD,UAAU;EACjCvC,KAAK,EAAE9D,SAAS,CAACsG,MAAM,CAACD,UAAU;EAClCtC,KAAK,EAAE/D,SAAS,CAACoD,MAAM,CAACiD,UAAU;EAClCrC,MAAM,EAAEhE,SAAS,CAACuG,IAAI;EACtB3C,QAAQ,EAAE5D,SAAS,CAACuG,IAAI;EACxBxD,OAAO,EAAE/C,SAAS,CAACqD,IAAI;EACvBY,SAAS,EAAEjE,SAAS,CAACoD,MAAM;EAC3BO,OAAO,EAAE3D,SAAS,CAACwG,KAAK,CAAC;IACvB5D,UAAU,EAAE5C,SAAS,CAACoD,MAAM;IAC5BP,WAAW,EAAE7C,SAAS,CAACoD,MAAM;IAC7BN,UAAU,EAAE9C,SAAS,CAACoD,MAAM;IAC5BL,OAAO,EAAE/C,SAAS,CAACqD;EACrB,CAAC;AACH,CAAC;AAEDC,WAAW,CAACmD,YAAY,GAAG;EACzBhD,IAAI,EAAEhC,QAAQ,CAACiF,iBAAiB,CAACjD;AACnC,CAAC;AAED,eAAeH,WAAW"}
+{"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.d.ts

@@ -24,15 +24,15 @@ declare namespace Progression {
             }>;
         }>>;
     }
-    namespace propTypes {
-        const mainTitle: PropTypes.Validator<string>;
-        const mainSubtitle: PropTypes.Validator<string>;
-        const adaptiveAriaLabel: PropTypes.Requireable<string>;
-        const total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+    const propTypes: {
+        mainTitle: PropTypes.Validator<string>;
+        mainSubtitle: PropTypes.Validator<string>;
+        adaptiveAriaLabel: PropTypes.Requireable<string>;
+        total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
         }>>>;
-        const engines: PropTypes.Requireable<(PropTypes.InferProps<{
+        engines: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
             title: PropTypes.Validator<string>;
@@ -47,8 +47,8 @@ declare namespace Progression {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
         }> | null | undefined)[]>;
-        const loading: PropTypes.Validator<boolean>;
-        const progressions: PropTypes.Requireable<(PropTypes.InferProps<{
+        loading: PropTypes.Validator<boolean>;
+        progressions: PropTypes.Requireable<(PropTypes.InferProps<{
             ref: PropTypes.Validator<string>;
             completion: PropTypes.Validator<number>;
             stars: PropTypes.Validator<number>;
@@ -63,7 +63,7 @@ declare namespace Progression {
             adaptive: PropTypes.Validator<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }> | null | undefined)[]>;
-        const themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
+        themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
             options: PropTypes.Validator<(PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
                 value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
@@ -72,14 +72,15 @@ declare namespace Progression {
             }> | null | undefined)[]>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        const recommendation: PropTypes.Requireable<PropTypes.InferProps<{
+        recommendation: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Validator<string>;
             title: PropTypes.Validator<string>;
             subtitle: PropTypes.Validator<string>;
             courseTitle: PropTypes.Validator<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    }
+        'aria-label': PropTypes.Requireable<string>;
+    };
 }
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/activity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAmBA,0EA0GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/activity/index.js"],"names":[],"mappings":";AAmBA,0EA4GC"}

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,
@@ -28,7 +30,8 @@ const Progression = (props, legacyContext) => {
     total,
     engines = [],
     themeFilter = {},
-    loading
+    loading,
+    'aria-label': ariaLabel
   } = props;
   const skin = GetSkinFromContext(legacyContext);
   const {
@@ -62,7 +65,8 @@ const Progression = (props, legacyContext) => {
     className: style.select,
     theme: "thematiques",
     options: themeFilter.options,
-    onChange: handleSelectTheme
+    onChange: handleSelectTheme,
+    "aria-label": ariaLabel
   }) : null;
   const recommendationSection = !isEmpty(recommendation) ? /*#__PURE__*/React.createElement("div", {
     className: style.recommendationWrapper
@@ -71,8 +75,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 +111,7 @@ const Progression = (props, legacyContext) => {
     "data-name": "activityList"
   }, coreProgression, loader));
 };
+
 Progression.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -134,7 +138,8 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
     subtitle: PropTypes.string.isRequired,
     courseTitle: PropTypes.string.isRequired,
     onClick: PropTypes.func
-  })
+  }),
+  'aria-label': PropTypes.string
 } : {};
 export default Progression;
 //# sourceMappingURL=index.js.map