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

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

@@ -2,24 +2,37 @@
 
 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", {
@@ -37,10 +50,12 @@ 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 = [],
@@ -56,6 +71,7 @@ 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;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"}
+{"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"}

package/lib/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/lib/organism/wizard-contents/index.js

@@ -2,22 +2,39 @@
 
 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,
@@ -39,25 +56,33 @@ 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: {
@@ -87,6 +112,7 @@ 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);
@@ -99,6 +125,7 @@ const buildActionZone = (previousStep, nextStep, side) => {
     className: _style.default.button
   }, nextButton));
 };
+
 const WizardContents = props => {
   const {
     isLoading,
@@ -143,6 +170,7 @@ 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":"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"}

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

@@ -2,21 +2,37 @@
 
 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,
@@ -29,6 +45,7 @@ const ICONS = {
   podcast: _novaIcons.NovaCompositionCoorpacademyMicrophone,
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
+
 const ToolTipContent = ({
   preMessage,
   linkMessage,
@@ -46,6 +63,7 @@ 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,
@@ -54,6 +72,7 @@ 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);
@@ -67,17 +86,18 @@ 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);
+  const primary = (0, _get2.default)('common.primary', skin); // to replace by useId when React17 is bumped to React18
 
-  // 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);
@@ -90,7 +110,9 @@ 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));
@@ -112,8 +134,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 ? _noop2.default : handleClick,
     "data-for": engineStarsContentId,
@@ -150,6 +171,7 @@ 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.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/lib/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"}