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

package/es/template/app-player/player/slides/header/learner.js

@@ -1,5 +1,7 @@
 import _get from "lodash/fp/get";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -7,6 +9,7 @@ import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/no
 import Link from '../../../../../atom/link';
 import Provider from '../../../../../atom/provider';
 import style from './learner.css';
+
 const LearnerHeaderWrapper = props => {
   const {
     children,
@@ -26,11 +29,13 @@ const LearnerHeaderWrapper = props => {
     color: "inherit"
   }), children);
 };
+
 LearnerHeaderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: Link.propTypes.onClick,
   mode: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
 } : {};
+
 const Content = ({
   onClick,
   title,
@@ -40,7 +45,9 @@ const Content = ({
   const {
     skin
   } = context;
+
   const primarySkinColor = _get('common.primary', skin);
+
   return /*#__PURE__*/React.createElement(LearnerHeaderWrapper, {
     mode: mode,
     onClick: onClick
@@ -53,14 +60,14 @@ const Content = ({
     }
   }, details), /*#__PURE__*/React.createElement("span", {
     "data-name": "contentTitle",
-    className: classnames(style.contentTitle, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.contentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   })));
 };
+
 Content.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -70,6 +77,7 @@ Content.propTypes = process.env.NODE_ENV !== "production" ? {
   details: PropTypes.string,
   mode: PropTypes.string
 } : {};
+
 const Subcontent = ({
   title,
   details
@@ -78,17 +86,18 @@ const Subcontent = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.subcontentDetails
 }, details), /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.subcontentTitle, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.subcontentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
   }
 }));
+
 Subcontent.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   details: PropTypes.string
 } : {};
+
 const LearnerHeader = (props, context) => {
   const {
     content,
@@ -101,6 +110,7 @@ const LearnerHeader = (props, context) => {
     mode: mode
   })), /*#__PURE__*/React.createElement(Subcontent, subcontent));
 };
+
 LearnerHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.shape(Content.propTypes).isRequired,
   subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,

package/es/template/app-player/player/slides/header/learner.js.map

@@ -1 +1 @@
-{"version":3,"file":"learner.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","Provider","style","LearnerHeaderWrapper","props","children","mode","onClick","contentWrapperScorm","backIcon","contentWrapper","propTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":"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"}
+{"version":3,"file":"learner.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","Provider","style","LearnerHeaderWrapper","props","children","mode","onClick","contentWrapperScorm","backIcon","contentWrapper","propTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":"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"}

package/es/template/app-player/player/slides/header/lives.js

@@ -3,12 +3,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Life from '../../../../../atom/life';
 import style from './lives.css';
+
 const Lives = ({
   count
 }, context) => {
   if (_isNil(count)) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
   }, /*#__PURE__*/React.createElement(Life, {
@@ -17,6 +19,7 @@ const Lives = ({
     mode: "small"
   }));
 };
+
 Lives.propTypes = process.env.NODE_ENV !== "production" ? {
   count: PropTypes.number
 } : {};

package/es/template/app-player/player/slides/header/lives.js.map

@@ -1 +1 @@
-{"version":3,"file":"lives.js","names":["React","PropTypes","Life","style","Lives","count","context","wrapper","life","propTypes","number"],"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG,CAAC;EAACC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAClC,IAAI,OAAMD,KAAK,CAAC,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACI;EAAQ,gBAC5B,oBAAC,IAAI;IAAC,KAAK,EAAEF,KAAM;IAAC,SAAS,EAAEF,KAAK,CAACK,IAAK;IAAC,IAAI,EAAC;EAAO,EAAG,CACtD;AAEV,CAAC;AAEDJ,KAAK,CAACK,SAAS,2CAAG;EAChBJ,KAAK,EAAEJ,SAAS,CAACS;AACnB,CAAC;AAED,eAAeN,KAAK"}
+{"version":3,"file":"lives.js","names":["React","PropTypes","Life","style","Lives","count","context","wrapper","life","propTypes","number"],"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAAC;EAACC;AAAD,CAAD,EAAUC,OAAV,KAAsB;EAClC,IAAI,OAAMD,KAAN,CAAJ,EAAkB;IAChB,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACI;EAAtB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,SAAS,EAAEF,KAAK,CAACK,IAArC;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF;AAKD,CAVD;;AAYAJ,KAAK,CAACK,SAAN,2CAAkB;EAChBJ,KAAK,EAAEJ,SAAS,CAACS;AADD,CAAlB;AAIA,eAAeN,KAAf"}

package/es/template/app-player/player/slides/header/microlearning.js

@@ -4,6 +4,7 @@ import classnames from 'classnames';
 import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/nova-icons';
 import Link from '../../../../../atom/link';
 import style from './microlearning.css';
+
 const Content = ({
   onClick,
   title
@@ -15,23 +16,25 @@ const Content = ({
   color: "inherit"
 }), /*#__PURE__*/React.createElement("div", {
   "data-name": "contentTitle",
-  className: classnames(style.contentTitle, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.contentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
   }
 }));
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: Link.propTypes.onClick,
   title: PropTypes.node
 } : {};
+
 const MicrolearningHeader = (props, context) => {
   const {
     content
   } = props;
   return /*#__PURE__*/React.createElement(Content, content);
 };
+
 MicrolearningHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.shape({
     onClick: Link.propTypes.onClick,

package/es/template/app-player/player/slides/header/microlearning.js.map

@@ -1 +1 @@
-{"version":3,"file":"microlearning.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","style","Content","onClick","title","context","content","backIcon","contentTitle","innerHTML","__html","propTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,kCAAkC,IAAIC,QAAQ,QAAO,0BAA0B;AACvF,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,KAAK,MAAM,qBAAqB;AAEvC,MAAMC,OAAO,GAAG,CAAC;EAACC,OAAO;EAAEC;AAAK,CAAC,EAAEC,OAAO,kBACxC,oBAAC,IAAI;EAAC,OAAO,EAAEF,OAAQ;EAAC,SAAS,EAAEF,KAAK,CAACK;AAAQ,gBAC/C,oBAAC,QAAQ;EAAC,SAAS,EAAEL,KAAK,CAACM,QAAS;EAAC,KAAK,EAAC;AAAS,EAAG,eACvD;EACE,aAAU,cAAc;EACxB,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACO,YAAY,EAAEP,KAAK,CAACQ,SAAS;EACzD;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAEN;EAAK;AAAE,EACzC,CAEL;AAEDF,OAAO,CAACS,SAAS,2CAAG;EAClBR,OAAO,EAAEH,IAAI,CAACW,SAAS,CAACR,OAAO;EAC/BC,KAAK,EAAER,SAAS,CAACgB;AACnB,CAAC;AAED,MAAMC,mBAAmB,GAAG,CAACC,KAAK,EAAET,OAAO,KAAK;EAC9C,MAAM;IAACC;EAAO,CAAC,GAAGQ,KAAK;EACvB,oBAAO,oBAAC,OAAO,EAAKR,OAAO,CAAI;AACjC,CAAC;AAEDO,mBAAmB,CAACF,SAAS,2CAAG;EAC9BL,OAAO,EAAEV,SAAS,CAACmB,KAAK,CAAC;IACvBZ,OAAO,EAAEH,IAAI,CAACW,SAAS,CAACR,OAAO;IAC/BC,KAAK,EAAER,SAAS,CAACoB,MAAM,CAACC;EAC1B,CAAC;AACH,CAAC;AAED,eAAeJ,mBAAmB"}
+{"version":3,"file":"microlearning.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","style","Content","onClick","title","context","content","backIcon","contentTitle","innerHTML","__html","propTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,QAA9C,QAA6D,0BAA7D;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,EAAmBC,OAAnB,kBACd,oBAAC,IAAD;EAAM,OAAO,EAAEF,OAAf;EAAwB,SAAS,EAAEF,KAAK,CAACK;AAAzC,gBACE,oBAAC,QAAD;EAAU,SAAS,EAAEL,KAAK,CAACM,QAA3B;EAAqC,KAAK,EAAC;AAA3C,EADF,eAEE;EACE,aAAU,cADZ;EAEE,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACO,YAAP,EAAqBP,KAAK,CAACQ,SAA3B,CAFvB,CAGE;EAHF;EAIE,uBAAuB,EAAE;IAACC,MAAM,EAAEN;EAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACS,SAAR,2CAAoB;EAClBR,OAAO,EAAEH,IAAI,CAACW,SAAL,CAAeR,OADN;EAElBC,KAAK,EAAER,SAAS,CAACgB;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQT,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAAYQ,KAAlB;EACA,oBAAO,oBAAC,OAAD,EAAaR,OAAb,CAAP;AACD,CAHD;;AAKAO,mBAAmB,CAACF,SAApB,2CAAgC;EAC9BL,OAAO,EAAEV,SAAS,CAACmB,KAAV,CAAgB;IACvBZ,OAAO,EAAEH,IAAI,CAACW,SAAL,CAAeR,OADD;IAEvBC,KAAK,EAAER,SAAS,CAACoB,MAAV,CAAiBC;EAFD,CAAhB;AADqB,CAAhC;AAOA,eAAeJ,mBAAf"}

package/es/template/app-player/player/slides/index.d.ts

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

package/es/template/app-player/player/slides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/es/template/app-player/player/slides/index.js

@@ -9,10 +9,13 @@ import _get from "lodash/fp/get";
 import _find from "lodash/fp/find";
 import _compact from "lodash/fp/compact";
 const _excluded = ["videoId"],
-  _excluded2 = ["question", "step"],
-  _excluded3 = ["error"];
+      _excluded2 = ["question", "step"],
+      _excluded3 = ["error"];
+
 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; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -32,6 +35,7 @@ import CMPopin from '../../../../molecule/cm-popin';
 import Footer from './footer';
 import Header from './header';
 import style from './style.css';
+
 const MediaView = ({
   media
 }) => {
@@ -41,10 +45,10 @@ const MediaView = ({
     src: media
   }));
 };
+
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? {
   media: Picture.propTypes.src
 } : {};
-
 /*
  * Content types
  */
@@ -63,20 +67,24 @@ const ClueContent = (props, context) => {
     onClick: onClickSeeClue
   }));
 };
+
 ClueContent.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   starsDiff: PropTypes.number,
   onClickSeeClue: PropTypes.func
 } : {};
+
 const Bar = ({
   total,
   color,
   current
 }) => {
   const _current = _max([current, 0]);
+
   if (!total) {
     return null;
   }
+
   const stepWidth = _current / total * 100;
   return /*#__PURE__*/React.createElement("div", {
     className: style.stepBar,
@@ -86,11 +94,13 @@ const Bar = ({
     }
   });
 };
+
 Bar.propTypes = process.env.NODE_ENV !== "production" ? {
   current: PropTypes.number.isRequired,
   total: PropTypes.number,
   color: ColorPropType
 } : {};
+
 const Step = ({
   step,
   color
@@ -113,6 +123,7 @@ const Step = ({
     color: color
   })))));
 };
+
 Step.propTypes = process.env.NODE_ENV !== "production" ? {
   step: PropTypes.shape({
     current: Bar.propTypes.current,
@@ -120,6 +131,7 @@ Step.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   color: ColorPropType
 } : {};
+
 const NewMedia = (props, context) => {
   const {
     translate
@@ -128,13 +140,16 @@ const NewMedia = (props, context) => {
     onClick,
     step
   } = props;
+
   const current = _get('current', step);
+
   return /*#__PURE__*/React.createElement("div", {
     className: `${style.guideWrapper} ${style.newMedia}`,
     onClick: onClick,
     "data-name": "newMedia"
   }, /*#__PURE__*/React.createElement("span", null, translate(step === null || current === 1 ? 'See lesson' : 'New media')));
 };
+
 NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   step: Step.propTypes.step
@@ -142,6 +157,7 @@ NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
 NewMedia.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const ReviewLesson = (props, context) => {
   const {
     translate
@@ -155,22 +171,26 @@ const ReviewLesson = (props, context) => {
     "data-name": "reviewLesson"
   }, /*#__PURE__*/React.createElement("span", null, translate('Review lesson')));
 };
+
 ReviewLesson.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func
 } : {};
 ReviewLesson.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const AnswerContent = ({
   answerType,
   help
 }) => /*#__PURE__*/React.createElement(Answer, _extends({}, answerType, {
   help: help
 }));
+
 AnswerContent.propTypes = process.env.NODE_ENV !== "production" ? {
   answerType: PropTypes.shape(Answer.propTypes),
   help: PropTypes.string
 } : {};
+
 const MediaContent = (props, context) => {
   const {
     resources,
@@ -190,6 +210,7 @@ const MediaContent = (props, context) => {
     className: style.stars
   }, starsToWin));
 };
+
 MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: ResourceBrowser.propTypes.resources,
   starsDiff: PropTypes.number
@@ -197,6 +218,7 @@ MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
 MediaContent.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const ContextImage = ({
   src
 }) => {
@@ -209,21 +231,24 @@ const ContextImage = ({
   }));
   return /*#__PURE__*/React.createElement("div", null, images);
 };
+
 ContextImage.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.arrayOf(PropTypes.shape({
     _id: PropTypes.string,
     url: PropTypes.string
   }))
 } : {};
+
 const ContextVideo = props => {
   const {
     src
   } = props;
   const videos = src.map(_ref => {
     let {
-        videoId
-      } = _ref,
-      childProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+      videoId
+    } = _ref,
+        childProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+
     return /*#__PURE__*/React.createElement(VideoPlayer, _extends({}, _omit('id', childProps), {
       id: videoId,
       key: videoId,
@@ -232,6 +257,7 @@ const ContextVideo = props => {
   });
   return /*#__PURE__*/React.createElement("div", null, videos);
 };
+
 ContextVideo.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))
 } : {};
@@ -241,6 +267,7 @@ const CONTEXT_MEDIA = {
   audio: Audio,
   video: ContextVideo
 };
+
 const ContextMedia = ({
   media
 }) => {
@@ -250,6 +277,7 @@ const ContextMedia = ({
     className: classnames(style.contextWrapper, media.type === 'pdf' ? style.contextPdfWrapper : null, media.type === 'audio' ? style.contextAudioWrapper : null)
   }, /*#__PURE__*/React.createElement(ContentType, media));
 };
+
 ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   media: PropTypes.oneOfType([PropTypes.shape(_extends({}, ContextImage.propTypes, {
     type: PropTypes.oneOf(['img'])
@@ -261,15 +289,16 @@ ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
     type: PropTypes.oneOf(['video'])
   }))])
 } : {};
+
 const ContextContent = ({
   slideContext
 }) => {
   const descriptionParagraphs = _pipe(_getOr('', 'description'), _split('\n'), _compact)(slideContext);
+
   const paragraphs = descriptionParagraphs.map((paragraph, index) => /*#__PURE__*/React.createElement("p", {
     key: index,
     "data-name": "contextDescription",
-    className: classnames(style.contextDescription, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.contextDescription, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: paragraph
@@ -281,6 +310,7 @@ const ContextContent = ({
     media: slideContext.media
   }) : null, paragraphs);
 };
+
 ContextContent.propTypes = process.env.NODE_ENV !== "production" ? {
   slideContext: PropTypes.shape({
     title: PropTypes.string,
@@ -294,34 +324,39 @@ const CONTENT_TYPE = {
   context: ContextContent,
   media: MediaContent
 };
+
 const Help = ({
   help
 }) => /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.helpView, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.helpView, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: help
   }
 });
+
 Help.propTypes = process.env.NODE_ENV !== "production" ? {
   help: PropTypes.string
 } : {};
+
 const ValidateButton = ({
   cta
 }) => {
   if (!cta) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.ctaWrapper
   }, /*#__PURE__*/React.createElement(Cta, _extends({}, cta, {
     className: style.cta
   })));
 };
+
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: PropTypes.shape(Cta.propTypes)
 } : {};
+
 const ContentLayout = (props, context) => {
   const {
     typeClue: selectedTab,
@@ -343,8 +378,7 @@ const ContentLayout = (props, context) => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "question",
-    className: classnames(selectedTab === 'context' ? style.contextTitle : style.question, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(selectedTab === 'context' ? style.contextTitle : style.question, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: selectedTab === 'context' ? slideContext.title : question
@@ -353,6 +387,7 @@ const ContentLayout = (props, context) => {
     help: help
   }) : null, /*#__PURE__*/React.createElement(ContentType, props), /*#__PURE__*/React.createElement(ValidateButton, props));
 };
+
 ContentLayout.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin
@@ -361,7 +396,6 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   typeClue: PropTypes.oneOf(_keys(CONTENT_TYPE)),
   question: PropTypes.string
 }, ValidateButton.propTypes) : {};
-
 /*
  * Loading
  */
@@ -371,22 +405,25 @@ const LoadingLayout = ({
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.loading
 }, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : /*#__PURE__*/React.createElement(Loader, null));
+
 LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: PropTypes.shape(CMPopin.propTypes)
 } : {};
+
 const LoadedLayout = _ref2 => {
   let {
-      question
-    } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    question
+  } = _ref2,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+
   return question ? /*#__PURE__*/React.createElement(ContentLayout, _extends({}, props, {
     question: question
   })) : /*#__PURE__*/React.createElement(LoadingLayout, props);
 };
+
 LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, ContentLayout.propTypes, {
   question: ContentLayout.propTypes.question
 }) : {};
-
 /*
  * Errors
  */
@@ -398,20 +435,23 @@ const ErrorMessage = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.error
 }, errorMsg));
+
 ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   errorMsg: PropTypes.string
 } : {};
+
 const Content = _ref3 => {
   let {
-      error
-    } = _ref3,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+    error
+  } = _ref3,
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+
   return error ? /*#__PURE__*/React.createElement(ErrorMessage, props) : /*#__PURE__*/React.createElement(LoadedLayout, props);
 };
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   error: PropTypes.bool
 } : {};
-
 /*
  * SlidesPlayer
  */
@@ -427,7 +467,9 @@ const SlidesPlayer = (props, context) => {
   const {
     skin
   } = context;
+
   const stepColor = _get('common.primary', skin);
+
   const mediaButton = _find({
     type: 'media'
   }, buttons) || {};
@@ -451,6 +493,7 @@ const SlidesPlayer = (props, context) => {
     buttons: buttons
   }));
 };
+
 SlidesPlayer.TYPE = CONTENT_TYPE;
 SlidesPlayer.contextTypes = {
   translate: Provider.childContextTypes.translate,