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

package/lib/template/activity/index.js

@@ -2,29 +2,51 @@
 
 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,
@@ -35,7 +57,8 @@ const Progression = (props, legacyContext) => {
     total,
     engines = [],
     themeFilter = {},
-    loading
+    loading,
+    'aria-label': ariaLabel
   } = props;
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const {
@@ -60,16 +83,19 @@ 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,
     theme: "thematiques",
     options: themeFilter.options,
-    onChange: handleSelectTheme
+    onChange: handleSelectTheme,
+    "aria-label": ariaLabel
   }) : null;
   const recommendationSection = !(0, _isEmpty.default)(recommendation) ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.recommendationWrapper
@@ -78,8 +104,7 @@ 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
@@ -115,6 +140,7 @@ const Progression = (props, legacyContext) => {
     "data-name": "activityList"
   }, coreProgression, loader));
 };
+
 Progression.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -141,7 +167,8 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
     subtitle: _propTypes.default.string.isRequired,
     courseTitle: _propTypes.default.string.isRequired,
     onClick: _propTypes.default.func
-  })
+  }),
+  'aria-label': _propTypes.default.string
 } : {};
 var _default = Progression;
 exports.default = _default;

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","ariaLabel","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    'aria-label': ariaLabel\n  } = props;\n  const skin = GetSkinFromContext(legacyContext);\n  const {onChange: themeFilterOnChange} = themeFilter;\n\n  const handleClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      const {onClick = noop} = recommendation;\n      onClick(e);\n    },\n    [recommendation]\n  );\n\n  const handleSelectTheme = useCallback(\n    e => {\n      themeFilterOnChange && themeFilterOnChange(e);\n    },\n    [themeFilterOnChange]\n  );\n\n  const primary = get('common.primary', skin);\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n  const allProgressions = mapWithIndex(\n    (progression, index) => (\n      <ProgressionItem\n        {...omit(['ref'], progression)}\n        key={`${index}-${progression.ref}`}\n        adaptiveAriaLabel={adaptiveAriaLabel}\n      />\n    ),\n    progressions\n  );\n\n  const coreProgression = (\n    <div data-name=\"activityCore\" className={style.core}>\n      {allProgressions}\n    </div>\n  );\n  const themeSelect = !isEmpty(themeFilter.options) ? (\n    <Select\n      borderClassName={style.selectBorder}\n      className={style.select}\n      theme=\"thematiques\"\n      options={themeFilter.options}\n      onChange={handleSelectTheme}\n      aria-label={ariaLabel}\n    />\n  ) : null;\n  const recommendationSection = !isEmpty(recommendation) ? (\n    <div className={style.recommendationWrapper}>\n      <p className={style.recommendationSection}>{recommendation.title} </p>\n      <p className={style.recommendationSection}>\n        <span>{recommendation.subtitle} </span>\n        <span\n          className={classnames(style.course, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n        />\n      </p>\n      <Button\n        type=\"link\"\n        onClick={handleClick}\n        submitValue={recommendation.cta}\n        style={{\n          backgroundColor: primary\n        }}\n        className={style.cta}\n      />\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  'aria-label': PropTypes.string\n};\n\nexport default Progression;\n"],"mappings":"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"}

package/lib/template/activity/progression-item.js

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _progressionItem = _interopRequireDefault(require("./progression-item.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 }; }
+
 const ICONS = {
   chapter: _novaIcons.NovaCompositionCoorpacademyTimer,
   course: _novaIcons.NovaSolidContentContentBook1,
@@ -26,6 +40,7 @@ const ICONS = {
   podcast: _novaIcons.NovaCompositionCoorpacademyMicrophone,
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
+
 const ProgressionItem = (props, context) => {
   const {
     skin
@@ -88,8 +103,7 @@ const ProgressionItem = (props, context) => {
     className: _progressionItem.default.label,
     title: label
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _progressionItem.default.innerHTML
-    // eslint-disable-next-line react/no-danger
+    className: _progressionItem.default.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -120,6 +134,7 @@ const ProgressionItem = (props, context) => {
     className: _progressionItem.default.level
   }, level)));
 };
+
 ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   completion: _propTypes.default.number.isRequired,
   stars: _propTypes.default.number.isRequired,

package/lib/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","color","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\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 from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}
+{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","color","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\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 from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}

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

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
+
 var _starsSummary = _interopRequireDefault(require("./stars-summary.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 EngineTab = ({
   engine,
   engineIndex,
@@ -35,11 +50,13 @@ const EngineTab = ({
     className: engineIndex < firstItemIndex ? _starsSummary.default.hidden : _starsSummary.default.active
   })));
 };
+
 EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
   engine: _propTypes.default.shape(_engineStars.default.propTypes),
   engineIndex: _propTypes.default.number,
   firstItemIndex: _propTypes.default.number
 } : {};
+
 const EngineTabs = ({
   engines,
   firstItemIndex
@@ -53,10 +70,12 @@ const EngineTabs = ({
     engineIndex: index
   }), engines), [engines, firstItemIndex]);
 };
+
 EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
   firstItemIndex: _propTypes.default.number
 } : {};
+
 const StarsSummary = (props, legacyContext) => {
   const {
     total,
@@ -74,9 +93,11 @@ const StarsSummary = (props, legacyContext) => {
   const handleOnRight = (0, _react.useCallback)(() => {
     scrollTo(firstItemIndex + 1);
   }, [firstItemIndex, scrollTo]);
+
   if ((0, _isEmpty2.default)(engines)) {
     return null;
   }
+
   const leftArrowView = totalItems > 6 && firstItemIndex > 0 ? /*#__PURE__*/_react.default.createElement("button", {
     className: _starsSummary.default.circle,
     onClick: handleOnLeft,
@@ -137,6 +158,7 @@ const StarsSummary = (props, legacyContext) => {
     className: _starsSummary.default.navigationRight
   }, rightArrowView))));
 };
+
 StarsSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   total: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"stars-summary.js","names":["EngineTab","engine","engineIndex","firstItemIndex","type","state","useMemo","dataName","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","GetSkinFromContext","setFirstItemIndex","useState","totalItems","length","dark","primary","scrollTo","useCallback","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItemIndex}) => {\n  const {type} = engine;\n  const state = useMemo(\n    () => (engineIndex < firstItemIndex ? 'hidden' : 'active'),\n    [engineIndex, firstItemIndex]\n  );\n  const dataName = useMemo(() => `${type}_total_${state}`, [state, type]);\n\n  return (\n    <li className={style[state]} key={type} data-name={dataName}>\n      <EngineStars\n        {...engine}\n        key={type}\n        className={engineIndex < firstItemIndex ? style.hidden : style.active}\n      />\n    </li>\n  );\n};\nEngineTab.propTypes = {\n  engine: PropTypes.shape(EngineStars.propTypes),\n  engineIndex: PropTypes.number,\n  firstItemIndex: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItemIndex}) => {\n  return useMemo(\n    () =>\n      map.convert({cap: false})(\n        (engine, index) => (\n          <EngineTab\n            engine={engine}\n            key={`engineTab_${index}`}\n            firstItemIndex={firstItemIndex}\n            engineIndex={index}\n          />\n        ),\n        engines\n      ),\n    [engines, firstItemIndex]\n  );\n};\n\nEngineTabs.propTypes = {\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  firstItemIndex: PropTypes.number\n};\n\nconst StarsSummary = (props, legacyContext) => {\n  const {total, engines} = props;\n  const skin = GetSkinFromContext(legacyContext);\n\n  const [firstItemIndex, setFirstItemIndex] = useState(0);\n  const [totalItems] = useState(engines.length);\n\n  const dark = getOr('#90A4AE', 'common.dark', skin);\n  const primary = get('common.primary', skin);\n\n  const scrollTo = useCallback(page => setFirstItemIndex(page), []);\n\n  const handleOnLeft = useCallback(() => {\n    scrollTo(firstItemIndex - 1);\n  }, [firstItemIndex, scrollTo]);\n\n  const handleOnRight = useCallback(() => {\n    scrollTo(firstItemIndex + 1);\n  }, [firstItemIndex, scrollTo]);\n\n  if (isEmpty(engines)) {\n    return null;\n  }\n\n  const leftArrowView =\n    totalItems > 6 && firstItemIndex > 0 ? (\n      <button\n        className={style.circle}\n        onClick={handleOnLeft}\n        data-name=\"left-arrow\"\n        data-testid=\"stars-summary-left-arrow\"\n        type=\"button\"\n      >\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </button>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <div\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n      >\n        <ArrowRight color={dark} className={style.right} width={10} height={10} />\n      </div>\n    ) : null;\n\n  return (\n    <div data-name=\"myStars\" className={style.myStars} tabIndex={0}>\n      <div\n        data-name=\"myStars-wrapper\"\n        className={style.myStarsWrapper}\n        data-testid={`stars-summary-engine-index-${firstItemIndex}`}\n        tabIndex={0}\n      >\n        <ul\n          className={style.allStars}\n          data-name=\"engineList\"\n          data-testid=\"stars-summary-engine-tabs\"\n          tabIndex={0}\n        >\n          <EngineTabs engines={engines} firstItemIndex={firstItemIndex} />\n        </ul>\n        <div\n          className={style.footerSummaryStars}\n          style={{\n            backgroundColor: primary\n          }}\n        >\n          <div className={style.totalStars}>\n            <span>{total.label}</span>\n            <p data-name=\"star-counter\">{total.stars}</p>\n            <div className={style.iconBubble}>\n              <StarIcon className={style.iconHeader} color={primary} />\n            </div>\n          </div>\n          <div className={style.navigationLeft}>{leftArrowView}</div>\n          <div className={style.navigationRight}>{rightArrowView}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStarsSummary.propTypes = {\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)).isRequired\n};\n\nStarsSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default StarsSummary;\n"],"mappings":"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"}
+{"version":3,"file":"stars-summary.js","names":["EngineTab","engine","engineIndex","firstItemIndex","type","state","useMemo","dataName","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","GetSkinFromContext","setFirstItemIndex","useState","totalItems","length","dark","primary","scrollTo","useCallback","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItemIndex}) => {\n  const {type} = engine;\n  const state = useMemo(\n    () => (engineIndex < firstItemIndex ? 'hidden' : 'active'),\n    [engineIndex, firstItemIndex]\n  );\n  const dataName = useMemo(() => `${type}_total_${state}`, [state, type]);\n\n  return (\n    <li className={style[state]} key={type} data-name={dataName}>\n      <EngineStars\n        {...engine}\n        key={type}\n        className={engineIndex < firstItemIndex ? style.hidden : style.active}\n      />\n    </li>\n  );\n};\nEngineTab.propTypes = {\n  engine: PropTypes.shape(EngineStars.propTypes),\n  engineIndex: PropTypes.number,\n  firstItemIndex: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItemIndex}) => {\n  return useMemo(\n    () =>\n      map.convert({cap: false})(\n        (engine, index) => (\n          <EngineTab\n            engine={engine}\n            key={`engineTab_${index}`}\n            firstItemIndex={firstItemIndex}\n            engineIndex={index}\n          />\n        ),\n        engines\n      ),\n    [engines, firstItemIndex]\n  );\n};\n\nEngineTabs.propTypes = {\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  firstItemIndex: PropTypes.number\n};\n\nconst StarsSummary = (props, legacyContext) => {\n  const {total, engines} = props;\n  const skin = GetSkinFromContext(legacyContext);\n\n  const [firstItemIndex, setFirstItemIndex] = useState(0);\n  const [totalItems] = useState(engines.length);\n\n  const dark = getOr('#90A4AE', 'common.dark', skin);\n  const primary = get('common.primary', skin);\n\n  const scrollTo = useCallback(page => setFirstItemIndex(page), []);\n\n  const handleOnLeft = useCallback(() => {\n    scrollTo(firstItemIndex - 1);\n  }, [firstItemIndex, scrollTo]);\n\n  const handleOnRight = useCallback(() => {\n    scrollTo(firstItemIndex + 1);\n  }, [firstItemIndex, scrollTo]);\n\n  if (isEmpty(engines)) {\n    return null;\n  }\n\n  const leftArrowView =\n    totalItems > 6 && firstItemIndex > 0 ? (\n      <button\n        className={style.circle}\n        onClick={handleOnLeft}\n        data-name=\"left-arrow\"\n        data-testid=\"stars-summary-left-arrow\"\n        type=\"button\"\n      >\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </button>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <div\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n      >\n        <ArrowRight color={dark} className={style.right} width={10} height={10} />\n      </div>\n    ) : null;\n\n  return (\n    <div data-name=\"myStars\" className={style.myStars} tabIndex={0}>\n      <div\n        data-name=\"myStars-wrapper\"\n        className={style.myStarsWrapper}\n        data-testid={`stars-summary-engine-index-${firstItemIndex}`}\n        tabIndex={0}\n      >\n        <ul\n          className={style.allStars}\n          data-name=\"engineList\"\n          data-testid=\"stars-summary-engine-tabs\"\n          tabIndex={0}\n        >\n          <EngineTabs engines={engines} firstItemIndex={firstItemIndex} />\n        </ul>\n        <div\n          className={style.footerSummaryStars}\n          style={{\n            backgroundColor: primary\n          }}\n        >\n          <div className={style.totalStars}>\n            <span>{total.label}</span>\n            <p data-name=\"star-counter\">{total.stars}</p>\n            <div className={style.iconBubble}>\n              <StarIcon className={style.iconHeader} color={primary} />\n            </div>\n          </div>\n          <div className={style.navigationLeft}>{leftArrowView}</div>\n          <div className={style.navigationRight}>{rightArrowView}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nStarsSummary.propTypes = {\n  total: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    stars: PropTypes.number.isRequired\n  }).isRequired,\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)).isRequired\n};\n\nStarsSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default StarsSummary;\n"],"mappings":"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"}

package/lib/template/app-player/loading/index.d.ts

@@ -46,6 +46,8 @@ declare namespace PlayerLoading {
                 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/template/app-player/loading/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _loader = _interopRequireDefault(require("../../../atom/loader"));
+
 var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PlayerLoading = ({
   popinError
 }) => {
@@ -15,6 +22,7 @@ const PlayerLoading = ({
     className: _style.default.wrapper
   }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : /*#__PURE__*/_react.default.createElement(_loader.default, null));
 };
+
 PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};

package/lib/template/app-player/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PlayerLoading","popinError","style","wrapper","propTypes","PropTypes","shape","CMPopin"],"sources":["../../../../src/template/app-player/loading/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,aAAa,GAAG,CAAC;EAACC;AAAU,CAAC,KAAK;EACtC,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAQ,GAAEF,UAAU,gBAAG,6BAAC,gBAAO,EAAKA,UAAU,CAAI,gBAAG,6BAAC,eAAM,OAAG,CAAO;AAEhG,CAAC;AAEDD,aAAa,CAACI,SAAS,2CAAG;EACxBH,UAAU,EAAEI,kBAAS,CAACC,KAAK,CAACC,gBAAO,CAACH,SAAS;AAC/C,CAAC;AAAC,eAEaJ,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["PlayerLoading","popinError","style","wrapper","propTypes","PropTypes","shape","CMPopin"],"sources":["../../../../src/template/app-player/loading/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACtC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GAAgCF,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACI,SAAd,2CAA0B;EACxBH,UAAU,EAAEI,kBAAA,CAAUC,KAAV,CAAgBC,gBAAA,CAAQH,SAAxB;AADY,CAA1B;eAIeJ,a"}

package/lib/template/app-player/player/index.d.ts

@@ -95,6 +95,8 @@ declare namespace SlidePlayer {
                     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>;
@@ -146,6 +148,8 @@ declare namespace SlidePlayer {
                 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/template/app-player/player/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _slides = _interopRequireDefault(require("./slides"));
+
 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 SlidePlayer = props => {
   const {
     player,
@@ -29,6 +37,7 @@ const SlidePlayer = props => {
     popinError: popin
   })), popin ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popin) : null));
 };
+
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   player: _propTypes.default.shape(_slides.default.propTypes),
   popin: _propTypes.default.shape(_cmPopin.default.propTypes)

package/lib/template/app-player/player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"sources":["../../../../src/template/app-player/player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAM;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,eAAe,GAAGF,MAAM,CAACG,aAAa,GAAI,OAAMH,MAAM,CAACG,aAAc,GAAE,GAAG,IAAI;EACpF,oBACE;IAAK,aAAU,aAAa;IAAC,SAAS,EAAEC,cAAK,CAACC;EAAQ,gBACpD;IAAK,SAAS,EAAED,cAAK,CAACE;EAAc,gBAClC;IAAK,SAAS,EAAEF,cAAK,CAACG,gBAAiB;IAAC,KAAK,EAAE;MAACL;IAAe;EAAE,EAAG,eACpE,6BAAC,eAAY,eAAKF,MAAM;IAAE,UAAU,EAAEC;EAAM,GAAG,EAC9CA,KAAK,gBAAG,6BAAC,gBAAO,EAAKA,KAAK,CAAI,GAAG,IAAI,CAClC,CACF;AAEV,CAAC;AAEDH,WAAW,CAACU,SAAS,2CAAG;EACtBR,MAAM,EAAES,kBAAS,CAACC,KAAK,CAACC,eAAY,CAACH,SAAS,CAAC;EAC/CP,KAAK,EAAEQ,kBAAS,CAACC,KAAK,CAACE,gBAAO,CAACJ,SAAS;AAC1C,CAAC;AAAC,eAEaV,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"sources":["../../../../src/template/app-player/player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAD;IAASC;EAAT,IAAkBF,KAAxB;EACA,MAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;EACA,oBACE;IAAK,aAAU,aAAf;IAA6B,SAAS,EAAEC,cAAA,CAAMC;EAA9C,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,gBAAtB;IAAwC,KAAK,EAAE;MAACL;IAAD;EAA/C,EADF,eAEE,6BAAC,eAAD,eAAkBF,MAAlB;IAA0B,UAAU,EAAEC;EAAtC,GAFF,EAGGA,KAAK,gBAAG,6BAAC,gBAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACU,SAAZ,2CAAwB;EACtBR,MAAM,EAAES,kBAAA,CAAUC,KAAV,CAAgBC,eAAA,CAAaH,SAA7B,CADc;EAEtBP,KAAK,EAAEQ,kBAAA,CAAUC,KAAV,CAAgBE,gBAAA,CAAQJ,SAAxB;AAFe,CAAxB;eAKeV,W"}