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

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

@@ -2,37 +2,24 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 const _excluded = ["label", "description", "moreInfoAriaLabel"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 const Settings = props => {
   const {
-    label,
-    description,
-    moreInfoAriaLabel
-  } = props,
-        settings = _objectWithoutPropertiesLoose(props, _excluded);
-
+      label,
+      description,
+      moreInfoAriaLabel
+    } = props,
+    settings = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.settings
   }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, settings), /*#__PURE__*/_react.default.createElement("span", {
@@ -50,12 +37,10 @@ const Settings = props => {
     className: _style.default.descriptionLabel
   }, description))));
 };
-
 Settings.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _inputSwitch.default.propTypes, {
   label: _propTypes.default.string.isRequired,
   description: _propTypes.default.string
 }) : {};
-
 const UserPreferences = props => {
   const {
     preferences = [],
@@ -71,7 +56,6 @@ const UserPreferences = props => {
     moreInfoAriaLabel: moreInfoAriaLabel
   })), preferences)));
 };
-
 UserPreferences.propTypes = process.env.NODE_ENV !== "production" ? {
   preferences: _propTypes.default.arrayOf(_propTypes.default.shape(Settings.propTypes)),
   moreInfoAriaLabel: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Settings","props","label","description","moreInfoAriaLabel","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","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;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,uBAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qDAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAED,cAAA,CAAME,QAHnB;IAIE,cAAYJ;EAJd,EADF,eAOE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAyCP,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEET,KAAK,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEZ,WAAW,EAAEU,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAW,GAAG,EAAf;IAAmBb,iBAAnB;IAAsCc;EAAtC,IAAwDjB,KAA9D;EAEA,oBACE,wDACE;IAAK,SAAS,EAAEK,cAAA,CAAMW,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC;EAA5D,GACG,mBACCb,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICa,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUO,KAAV,CAAgBpB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BP,iBAAiB,EAAES,kBAAA,CAAUC,MAFH;EAG1BI,cAAc,EAAEL,kBAAA,CAAUC;AAHA,CAA5B;eAMeE,e"}
+{"version":3,"file":"index.js","names":["Settings","props","label","description","moreInfoAriaLabel","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","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;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;MAACC,KAAK;MAAEC,WAAW;MAAEC;IAA8B,CAAC,GAAGH,KAAK;IAAjBI,QAAQ,iCAAIJ,KAAK;EAClE,oBACE;IAAK,SAAS,EAAEK,cAAK,CAACD;EAAS,gBAC7B,6BAAC,oBAAW,EAAKA,QAAQ,CAAI,eAC7B;IAAM,SAAS,EAAEC,cAAK,CAACJ;EAAM,GAAEA,KAAK,CAAQ,EAC3C,uBAAQC,WAAW,CAAC,GAAG,IAAI,gBAC1B;IAAK,SAAS,EAAEG,cAAK,CAACC;EAAgB,gBACpC,6BAAC,qDAAQ;IACP,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,SAAS,EAAED,cAAK,CAACE,QAAS;IAC1B,cAAYJ;EAAkB,EAC9B,eACF;IAAK,SAAS,EAAEE,cAAK,CAACG;EAAY,gBAChC;IAAK,SAAS,EAAEH,cAAK,CAACI;EAAiB,GAAEP,WAAW,CAAO,CACvD,CAET,CACG;AAEV,CAAC;AAEDH,QAAQ,CAACW,SAAS,wDACbC,oBAAW,CAACD,SAAS;EACxBT,KAAK,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCZ,WAAW,EAAEU,kBAAS,CAACC;AAAM;AAG/B,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAW,GAAG,EAAE;IAAEb,iBAAiB;IAAEc;EAAc,CAAC,GAAGjB,KAAK;EAEnE,oBACE,wDACE;IAAK,SAAS,EAAEK,cAAK,CAACW,WAAY;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYC;EAAe,GACxE,mBACCb,QAAQ,iBACN,6BAAC,QAAQ,eAAKA,QAAQ;IAAE,GAAG,EAAEA,QAAQ,CAACH,KAAM;IAAC,iBAAiB,EAAEE;EAAkB,GACnF,EACDa,WAAW,CACZ,CACG,CACD;AAEX,CAAC;AAEDD,eAAe,CAACL,SAAS,2CAAG;EAC1BM,WAAW,EAAEJ,kBAAS,CAACM,OAAO,CAACN,kBAAS,CAACO,KAAK,CAACpB,QAAQ,CAACW,SAAS,CAAC,CAAC;EACnEP,iBAAiB,EAAES,kBAAS,CAACC,MAAM;EACnCI,cAAc,EAAEL,kBAAS,CAACC;AAC5B,CAAC;AAAC,eAEaE,eAAe;AAAA"}

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

@@ -2,39 +2,22 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
-
 var _wizardSteps = _interopRequireDefault(require("../../atom/wizard-steps"));
-
 var _wizardSummary = _interopRequireDefault(require("../../molecule/wizard-summary"));
-
 var _brandForm = _interopRequireDefault(require("../brand-form"));
-
 var _contentTranslation = _interopRequireDefault(require("../content-translation"));
-
 var _searchAndChipsResults = _interopRequireDefault(require("../search-and-chips-results"));
-
 var _courseSelection = _interopRequireDefault(require("../course-selection"));
-
 var _courseSections = _interopRequireDefault(require("../../molecule/course-sections"));
-
 var _rewardsForm = _interopRequireDefault(require("../rewards-form"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 const buildHeader = (wizardHeader, steps) => {
   const {
     title,
@@ -56,33 +39,25 @@ const buildHeader = (wizardHeader, steps) => {
     steps: steps
   }));
 };
-
 const buildForm = content => {
   const {
     type
   } = content;
-
   switch (type) {
     case 'form':
       return /*#__PURE__*/_react.default.createElement(_brandForm.default, content);
-
     case 'translate':
       return /*#__PURE__*/_react.default.createElement(_contentTranslation.default, content);
-
     case 'populations':
       return /*#__PURE__*/_react.default.createElement(_searchAndChipsResults.default, content);
-
     case 'courses':
       return /*#__PURE__*/_react.default.createElement(_courseSelection.default, content);
-
     case 'organize-courses':
       return /*#__PURE__*/_react.default.createElement(_courseSections.default, content);
-
     case 'rewards':
       return /*#__PURE__*/_react.default.createElement(_rewardsForm.default, content);
   }
 };
-
 const buildButton = (type, step, side) => {
   const ICONS = {
     previous: {
@@ -112,7 +87,6 @@ const buildButton = (type, step, side) => {
   };
   return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps);
 };
-
 const buildActionZone = (previousStep, nextStep, side) => {
   const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;
   const nextStepType = (0, _getOr.default)('next', 'type', nextStep);
@@ -125,7 +99,6 @@ const buildActionZone = (previousStep, nextStep, side) => {
     className: _style.default.button
   }, nextButton));
 };
-
 const WizardContents = props => {
   const {
     isLoading,
@@ -170,7 +143,6 @@ const WizardContents = props => {
     className: _style.default.actionFooter
   }, footerActionView)));
 };
-
 WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
   isLoading: _propTypes.default.bool,
   wizardHeader: _propTypes.default.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm"],"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":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm"],"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":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,WAAW,GAAG,CAACC,YAAY,EAAEC,KAAK,KAAK;EAC3C,MAAM;IAACC,KAAK;IAAEC;EAAO,CAAC,GAAGH,YAAY;EAErC,MAAMI,eAAe,GAAG;IACtBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,cAAc;IAC5BC,IAAI,EAAE,OAAO;IACbH;EACF,CAAC;EAED,oBACE,uDACE;IAAK,SAAS,EAAEI,cAAK,CAACC;EAAO,gBAC3B,6BAAC,2BAAkB,EAAKJ,eAAe,CAAI,eAC3C;IAAK,SAAS,EAAEG,cAAK,CAACE,WAAY;IAAC,aAAW;EAAgB,GAC3DP,KAAK,CACF,CACF,eACN,6BAAC,oBAAW;IAAC,KAAK,EAAED;EAAM,EAAG,CACzB;AAEV,CAAC;AAED,MAAMS,SAAS,GAAGC,OAAO,IAAI;EAC3B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,QAAQC,IAAI;IACV,KAAK,MAAM;MACT,oBAAO,6BAAC,kBAAS,EAAKD,OAAO,CAAI;IACnC,KAAK,WAAW;MACd,oBAAO,6BAAC,2BAAgB,EAAKA,OAAO,CAAI;IAC1C,KAAK,aAAa;MAChB,oBAAO,6BAAC,8BAA6B,EAAKA,OAAO,CAAI;IACvD,KAAK,SAAS;MACZ,oBAAO,6BAAC,wBAAe,EAAKA,OAAO,CAAI;IACzC,KAAK,kBAAkB;MACrB,oBAAO,6BAAC,uBAAc,EAAKA,OAAO,CAAI;IACxC,KAAK,SAAS;MACZ,oBAAO,6BAAC,oBAAW,EAAKA,OAAO,CAAI;EAAC;AAE1C,CAAC;AAED,MAAME,WAAW,GAAG,CAACD,IAAI,EAAEE,IAAI,EAAEC,IAAI,KAAK;EACxC,MAAMC,KAAK,GAAG;IACZC,QAAQ,EAAE;MACRC,QAAQ,EAAE,MAAM;MAChBN,IAAI,EAAE;IACR,CAAC;IACDO,IAAI,EAAE;MACJD,QAAQ,EAAE,OAAO;MACjBN,IAAI,EAAE;IACR,CAAC;IACDQ,OAAO,EAAE;MACPF,QAAQ,EAAE,MAAM;MAChBN,IAAI,EAAE;IACR;EACF,CAAC;EAED,MAAM;IAACS,KAAK;IAAElB;EAAO,CAAC,GAAGW,IAAI;EAC7B,MAAMQ,WAAW,GAAG;IAClBV,IAAI,EAAEA,IAAI,KAAK,UAAU,GAAG,WAAW,GAAG,SAAS;IACnD,YAAY,EAAG,GAAEA,IAAK,cAAa;IACnC,WAAW,EAAG,GAAEA,IAAK,gBAAeG,IAAK,EAAC;IAC1CT,IAAI,EAAEU,KAAK,CAACJ,IAAI,CAAC;IACjBS,KAAK;IACLlB;EACF,CAAC;EAED,oBAAO,6BAAC,mBAAU,EAAKmB,WAAW,CAAI;AACxC,CAAC;AAED,MAAMC,eAAe,GAAG,CAACC,YAAY,EAAEC,QAAQ,EAAEV,IAAI,KAAK;EACxD,MAAMW,cAAc,GAAGF,YAAY,GAAGX,WAAW,CAAC,UAAU,EAAEW,YAAY,EAAET,IAAI,CAAC,GAAG,IAAI;EACxF,MAAMY,YAAY,GAAG,IAAAC,cAAK,EAAC,MAAM,EAAE,MAAM,EAAEH,QAAQ,CAAC;EACpD,MAAMI,UAAU,GAAGJ,QAAQ,GAAGZ,WAAW,CAACc,YAAY,EAAEF,QAAQ,EAAEV,IAAI,CAAC,GAAG,IAAI;EAC9E,oBACE;IAAK,SAAS,EAAER,cAAK,CAACuB;EAAW,gBAC/B;IAAK,SAAS,EAAEvB,cAAK,CAACwB;EAAO,GAAEL,cAAc,CAAO,eACpD;IAAK,SAAS,EAAEnB,cAAK,CAACwB;EAAO,GAAEF,UAAU,CAAO,CAC5C;AAEV,CAAC;AAED,MAAMG,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,SAAS;IAAElC,YAAY;IAAEC,KAAK;IAAEkC,OAAO;IAAExB,OAAO;IAAEc,QAAQ;IAAED;EAAY,CAAC,GAAGS,KAAK;EACxF,MAAMG,UAAU,GAAGrC,WAAW,CAACC,YAAY,EAAEC,KAAK,CAAC;EACnD,MAAMoC,QAAQ,GAAG3B,SAAS,cAAKC,OAAO;IAAEuB;EAAS,GAAE;EACnD,MAAMI,eAAe,GAAGf,eAAe,CAACC,YAAY,EAAEC,QAAQ,EAAE,OAAO,CAAC;EACxE,MAAMc,gBAAgB,GAAGhB,eAAe,CAACC,YAAY,EAAEC,QAAQ,EAAE,QAAQ,CAAC;EAE1E,oBACE;IAAK,SAAS,EAAElB,cAAK,CAACiC,SAAU;IAAC,aAAU;EAAiB,gBAC1D;IAAK,SAAS,EAAEjC,cAAK,CAACkC;EAAY,GAC/BL,UAAU,eACX;IAAK,SAAS,EAAE7B,cAAK,CAACmC;EAAK,GAAEL,QAAQ,CAAO,CACxC,eACN;IAAK,SAAS,EAAE9B,cAAK,CAACoC,YAAa;IAAC,aAAU;EAAuB,gBACnE;IAAK,SAAS,EAAEpC,cAAK,CAACqC;EAAc,gBAClC;IAAK,SAAS,EAAErC,cAAK,CAACsC,WAAY;IAAC,aAAU;EAAc,gBACzD,6BAAC,sBAAa,eAAKV,OAAO;IAAE,IAAI,EAAE;EAAQ,GAAG,CACzC,EACLG,eAAe,CACZ,CACF,eACN;IAAK,SAAS,EAAE/B,cAAK,CAACuC,MAAO;IAAC,aAAU;EAAwB,gBAC9D;IAAK,SAAS,EAAEvC,cAAK,CAACwC;EAAc,gBAClC,6BAAC,sBAAa,eAAKZ,OAAO;IAAE,IAAI,EAAE;EAAS,GAAG,CAC1C,eACN;IAAK,SAAS,EAAE5B,cAAK,CAACyC;EAAa,GAAET,gBAAgB,CAAO,CACxD,CACF;AAEV,CAAC;AAEDP,cAAc,CAACiB,SAAS,2CAAG;EACzBf,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBnD,YAAY,EAAEkD,kBAAS,CAACE,KAAK,CAAC;IAC5BlD,KAAK,EAAEgD,kBAAS,CAACG,MAAM;IACvBlD,OAAO,EAAE+C,kBAAS,CAACI;EACrB,CAAC,CAAC,CAACC,UAAU;EACbtD,KAAK,EAAEuD,oBAAW,CAACP,SAAS,CAAChD,KAAK;EAClCkC,OAAO,EAAEe,kBAAS,CAACE,KAAK,cACnBK,sBAAa,CAACR,SAAS,EAC1B,CAACM,UAAU;EACb5C,OAAO,EAAEuC,kBAAS,CAACQ,SAAS,CAAC,CAC3BR,kBAAS,CAACE,KAAK,cACVO,kBAAS,CAACV,SAAS;IACtBrC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,MAAM,CAAC;EAAC,GAC/B,EACFV,kBAAS,CAACE,KAAK,cACVS,2BAAgB,CAACZ,SAAS;IAC7BrC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,WAAW,CAAC;EAAC,GACpC,EACFV,kBAAS,CAACE,KAAK,cACVU,8BAA6B,CAACb,SAAS;IAC1CrC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,aAAa,CAAC;EAAC,GACtC,EACFV,kBAAS,CAACE,KAAK,cACVW,wBAAe,CAACd,SAAS;IAC5BrC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,SAAS,CAAC;EAAC,GAClC,EACFV,kBAAS,CAACE,KAAK,cACVY,uBAAc,CAACf,SAAS;IAC3BrC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,kBAAkB,CAAC;EAAC,GAC3C,EACFV,kBAAS,CAACE,KAAK,cACVa,oBAAW,CAAChB,SAAS;IACxBrC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,SAAS,CAAC;EAAC,GAClC,CACH,CAAC;EACFpC,YAAY,EAAE0B,kBAAS,CAACE,KAAK,CAAC;IAC5B/B,KAAK,EAAE6B,kBAAS,CAACG,MAAM;IACvBlD,OAAO,EAAE+C,kBAAS,CAACI;EACrB,CAAC,CAAC;EACF7B,QAAQ,EAAEyB,kBAAS,CAACE,KAAK,CAAC;IACxBxC,IAAI,EAAEsC,kBAAS,CAACU,KAAK,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1CvC,KAAK,EAAE6B,kBAAS,CAACG,MAAM;IACvBlD,OAAO,EAAE+C,kBAAS,CAACI;EACrB,CAAC;AACH,CAAC;AAAC,eAEatB,cAAc;AAAA"}

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

@@ -2,37 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uuid = require("uuid");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
-
 var _tooltip = _interopRequireWildcard(require("../../atom/tooltip"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _engineStars = _interopRequireDefault(require("./engine-stars.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 const ICONS = {
   microlearning: _novaIcons.NovaCompositionCoorpacademyTimer,
   learner: _novaIcons.NovaSolidContentContentBook1,
@@ -45,7 +29,6 @@ const ICONS = {
   podcast: _novaIcons.NovaCompositionCoorpacademyMicrophone,
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
-
 const ToolTipContent = ({
   preMessage,
   linkMessage,
@@ -63,7 +46,6 @@ const ToolTipContent = ({
     color
   }
 }, linkMessage), /*#__PURE__*/_react.default.createElement("span", null, endMessage));
-
 ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   preMessage: _propTypes.default.string,
   linkMessage: _propTypes.default.string,
@@ -72,7 +54,6 @@ ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   handleContentMouseOver: _propTypes.default.func
 } : {};
-
 const EngineStars = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
@@ -86,18 +67,17 @@ const EngineStars = (props, legacyContext) => {
     onClick = _noop2.default,
     className
   } = props;
-
   const handleClick = e => {
     e.stopPropagation();
     e.preventDefault();
     onClick(e);
   };
-
   const dark = (0, _get2.default)('common.dark', skin);
   const light = (0, _get2.default)('common.light', skin);
   const IconType = ICONS[type];
-  const primary = (0, _get2.default)('common.primary', skin); // to replace by useId when React17 is bumped to React18
+  const primary = (0, _get2.default)('common.primary', skin);
 
+  // to replace by useId when React17 is bumped to React18
   const [engineStarsContentId] = (0, _react.useState)(disabled ? (0, _uuid.v5)('engine-stars', _uuid.v5.URL) : undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = (0, _react.useState)(false);
   const [mouseLeaveTimer, setMouseLeaveTimer] = (0, _react.useState)(undefined);
@@ -110,9 +90,7 @@ const EngineStars = (props, legacyContext) => {
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleContentMouseOver = (0, _react.useCallback)(() => {
-    mouseLeaveTimer &&
-    /* istanbul ignore next */
-    clearTimeout(mouseLeaveTimer);
+    mouseLeaveTimer && /* istanbul ignore next */clearTimeout(mouseLeaveTimer);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = (0, _react.useCallback)(() => {
     setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));
@@ -134,7 +112,8 @@ 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 ? _noop2.default : handleClick,
     "data-for": engineStarsContentId,
@@ -171,7 +150,6 @@ const EngineStars = (props, legacyContext) => {
     className: _engineStars.default.scoreTitle
   }, title));
 };
-
 EngineStars.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string.isRequired,
   stars: _propTypes.default.number.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.js","names":["ICONS","microlearning","TimerIcon","learner","LearnerIcon","battle","BoltIcon","certifications","CertificationIcon","bonus","BonusIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","style","toolTipContent","propTypes","PropTypes","string","func","EngineStars","props","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","useState","uuidV5","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","useRef","handleKeyPress","useCallback","event","toggleStateOnKeyPress","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","useMemo","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","classnames","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","Provider","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":["ICONS","microlearning","TimerIcon","learner","LearnerIcon","battle","BoltIcon","certifications","CertificationIcon","bonus","BonusIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ToolTipContent","preMessage","linkMessage","endMessage","onClick","color","handleContentMouseOver","style","toolTipContent","propTypes","PropTypes","string","func","EngineStars","props","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","toolTip","disabled","type","stars","title","active","className","handleClick","e","stopPropagation","preventDefault","dark","light","IconType","primary","engineStarsContentId","useState","uuidV5","URL","undefined","toolTipIsVisible","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","buttonRef","useRef","handleKeyPress","useCallback","event","toggleStateOnKeyPress","handleMouseOver","clearTimeout","handleMouseLeave","setTimeout","toolTipContentProps","useMemo","toolTipProps","closeToolTipInformationTextAriaLabel","TooltipContent","_props","classnames","engineStars","clickable","engineIcon","backgroundColor","iconHeader","score","iconStar","scoreTitle","isRequired","number","bool","shape","contextTypes","Provider","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/lib/template/activity/index.js

@@ -2,51 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/fp/get"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
-
 var _noop = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
-
 var _button = _interopRequireDefault(require("../../atom/button"));
-
 var _select = _interopRequireDefault(require("../../atom/select"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _progressionItem = _interopRequireDefault(require("./progression-item"));
-
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
-
 var _starsSummary = _interopRequireDefault(require("./stars-summary"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 const mapWithIndex = _map.default.convert({
   cap: false
 });
-
 const Progression = (props, legacyContext) => {
   const {
     mainTitle,
@@ -82,12 +60,10 @@ const Progression = (props, legacyContext) => {
     key: `${index}-${progression.ref}`,
     adaptiveAriaLabel: adaptiveAriaLabel
   })), progressions);
-
   const coreProgression = /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "activityCore",
     className: _style.default.core
   }, allProgressions);
-
   const themeSelect = !(0, _isEmpty.default)(themeFilter.options) ? /*#__PURE__*/_react.default.createElement(_select.default, {
     borderClassName: _style.default.selectBorder,
     className: _style.default.select,
@@ -102,7 +78,8 @@ const Progression = (props, legacyContext) => {
   }, recommendation.title, " "), /*#__PURE__*/_react.default.createElement("p", {
     className: _style.default.recommendationSection
   }, /*#__PURE__*/_react.default.createElement("span", null, recommendation.subtitle, " "), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(_style.default.course, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.course, _style.default.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: recommendation.courseTitle
@@ -138,7 +115,6 @@ const Progression = (props, legacyContext) => {
     "data-name": "activityList"
   }, coreProgression, loader));
 };
-
 Progression.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["mapWithIndex","map","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","skin","GetSkinFromContext","onChange","themeFilterOnChange","handleClick","useCallback","e","stopPropagation","preventDefault","onClick","noop","handleSelectTheme","primary","get","loader","style","allProgressions","progression","index","omit","ref","coreProgression","core","themeSelect","isEmpty","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","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":["mapWithIndex","map","convert","cap","Progression","props","legacyContext","mainTitle","mainSubtitle","recommendation","progressions","adaptiveAriaLabel","total","engines","themeFilter","loading","skin","GetSkinFromContext","onChange","themeFilterOnChange","handleClick","useCallback","e","stopPropagation","preventDefault","onClick","noop","handleSelectTheme","primary","get","loader","style","allProgressions","progression","index","omit","ref","coreProgression","core","themeSelect","isEmpty","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","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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"}