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

package/es/molecule/questions/question-range/index.js

@@ -1,23 +1,30 @@
 import _getOr from "lodash/fp/getOr";
 const _excluded = ["title", "minLabel", "maxLabel", "groupAriaLabel"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Provider, { GetSkinFromContext } from '../../../atom/provider';
 import Range from '../../../atom/range';
 import style from './style.css';
+
 const QuestionRange = (props, legacyContext) => {
   const {
-      title,
-      minLabel,
-      maxLabel,
-      groupAriaLabel
-    } = props,
-    rangeProps = _objectWithoutPropertiesLoose(props, _excluded);
+    title,
+    minLabel,
+    maxLabel,
+    groupAriaLabel
+  } = props,
+        rangeProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   const skin = GetSkinFromContext(legacyContext);
+
   const defaultColor = _getOr('#00B0FF', 'common.primary', skin);
+
   const titleStyle = {
     color: defaultColor
   };
@@ -27,8 +34,7 @@ const QuestionRange = (props, legacyContext) => {
     "aria-label": groupAriaLabel
   }, /*#__PURE__*/React.createElement("span", {
     style: titleStyle,
-    className: classnames(style.title, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.title, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -36,21 +42,20 @@ const QuestionRange = (props, legacyContext) => {
   }), /*#__PURE__*/React.createElement(Range, rangeProps), /*#__PURE__*/React.createElement("div", {
     className: style.labelWrapper
   }, /*#__PURE__*/React.createElement("span", {
-    className: classnames(style.label, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.label, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: minLabel
     }
   }), /*#__PURE__*/React.createElement("span", {
-    className: classnames(style.label, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.label, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: maxLabel
     }
   })));
 };
+
 QuestionRange.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/questions/question-range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","Range","style","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","defaultColor","titleStyle","color","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,IAAGC,kBAAkB,QAAO,wBAAwB;AACnE,OAAOC,KAAK,MAAM,qBAAqB;AACvC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC9C,MAAM;MAACC,KAAK;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC;IAA6B,CAAC,GAAGL,KAAK;IAAnBM,UAAU,iCAAIN,KAAK;EAExE,MAAMO,IAAI,GAAGX,kBAAkB,CAACK,aAAa,CAAC;EAC9C,MAAMO,YAAY,GAAG,OAAM,SAAS,EAAE,gBAAgB,EAAED,IAAI,CAAC;EAE7D,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEF;EACT,CAAC;EAED,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACa,OAAQ;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYN;EAAe,gBACrE;IACE,KAAK,EAAEI,UAAW;IAClB,SAAS,EAAEf,UAAU,CAACI,KAAK,CAACI,KAAK,EAAEJ,KAAK,CAACc,SAAS;IAClD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAK;EAAE,EACzC,eACF,oBAAC,KAAK,EAAKI,UAAU,CAAI,eACzB;IAAK,SAAS,EAAER,KAAK,CAACgB;EAAa,gBACjC;IACE,SAAS,EAAEpB,UAAU,CAACI,KAAK,CAACiB,KAAK,EAAEjB,KAAK,CAACc,SAAS;IAClD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAQ;EAAE,EAC5C,eACF;IACE,SAAS,EAAET,UAAU,CAACI,KAAK,CAACiB,KAAK,EAAEjB,KAAK,CAACc,SAAS;IAClD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAQ;EAAE,EAC5C,CACE,CACF;AAEV,CAAC;AAEDL,aAAa,CAACiB,YAAY,GAAG;EAC3BT,IAAI,EAAEZ,QAAQ,CAACsB,iBAAiB,CAACV;AACnC,CAAC;AAEDR,aAAa,CAACmB,SAAS,wDAClBrB,KAAK,CAACqB,SAAS;EAClBhB,KAAK,EAAET,SAAS,CAAC0B,MAAM;EACvBhB,QAAQ,EAAEV,SAAS,CAAC0B,MAAM;EAC1Bf,QAAQ,EAAEX,SAAS,CAAC0B,MAAM;EAC1Bd,cAAc,EAAEZ,SAAS,CAAC0B;AAAM;AAGlC,eAAepB,aAAa"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","GetSkinFromContext","Range","style","QuestionRange","props","legacyContext","title","minLabel","maxLabel","groupAriaLabel","rangeProps","skin","defaultColor","titleStyle","color","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../../src/molecule/questions/question-range/index.js"],"sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider, {GetSkinFromContext} from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport style from './style.css';\n\nconst QuestionRange = (props, legacyContext) => {\n  const {title, minLabel, maxLabel, groupAriaLabel, ...rangeProps} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper} role=\"group\" aria-label={groupAriaLabel}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,wBAA3C;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC9C,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,QAAlB;IAA4BC;EAA5B,IAA6DL,KAAnE;EAAA,MAAqDM,UAArD,iCAAmEN,KAAnE;;EAEA,MAAMO,IAAI,GAAGX,kBAAkB,CAACK,aAAD,CAA/B;;EACA,MAAMO,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEF;EADU,CAAnB;EAIA,oBACE;IAAK,SAAS,EAAEV,KAAK,CAACa,OAAtB;IAA+B,IAAI,EAAC,OAApC;IAA4C,cAAYN;EAAxD,gBACE;IACE,KAAK,EAAEI,UADT;IAEE,SAAS,EAAEf,UAAU,CAACI,KAAK,CAACI,KAAP,EAAcJ,KAAK,CAACc,SAApB,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EADF,eAOE,oBAAC,KAAD,EAAWI,UAAX,CAPF,eAQE;IAAK,SAAS,EAAER,KAAK,CAACgB;EAAtB,gBACE;IACE,SAAS,EAAEpB,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAET,UAAU,CAACI,KAAK,CAACiB,KAAP,EAAcjB,KAAK,CAACc,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAH3B,EANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACiB,YAAd,GAA6B;EAC3BT,IAAI,EAAEZ,QAAQ,CAACsB,iBAAT,CAA2BV;AADN,CAA7B;AAIAR,aAAa,CAACmB,SAAd,wDACKrB,KAAK,CAACqB,SADX;EAEEhB,KAAK,EAAET,SAAS,CAAC0B,MAFnB;EAGEhB,QAAQ,EAAEV,SAAS,CAAC0B,MAHtB;EAIEf,QAAQ,EAAEX,SAAS,CAAC0B,MAJtB;EAKEd,cAAc,EAAEZ,SAAS,CAAC0B;AAL5B;AAQA,eAAepB,aAAf"}

package/es/molecule/questions/template/index.js

@@ -1,44 +1,53 @@
 import _find from "lodash/fp/find";
 import _map from "lodash/fp/map";
 const _excluded = ["type"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import parseTemplateString from '../../../util/parse-template-string';
 import DropDown from '../drop-down';
 import FreeText from '../free-text';
 import style from './style.css';
+
 const Template = ({
   template,
   answers,
   groupAriaLabel
 }) => {
   const totalTemplate = parseTemplateString(template);
+
   const templateCompose = _map.convert({
     cap: false
   })((part, key) => {
     const type = part.type;
+
     if (type === 'string') {
       return /*#__PURE__*/React.createElement("span", {
         key: key,
-        className: style.textPart
-        // eslint-disable-next-line react/no-danger
+        className: style.textPart // eslint-disable-next-line react/no-danger
         ,
         dangerouslySetInnerHTML: {
           __html: part.value
         }
       });
     }
+
     if (type === 'answerField') {
       const field = _find({
         name: part.value
       }, answers);
+
       if (!field) return null;
+
       const {
-          type: fieldType
-        } = field,
-        fieldProps = _objectWithoutPropertiesLoose(field, _excluded);
+        type: fieldType
+      } = field,
+            fieldProps = _objectWithoutPropertiesLoose(field, _excluded);
+
       const fieldView = fieldType === 'text' ? /*#__PURE__*/React.createElement(FreeText, _extends({}, fieldProps, {
         className: style.text
       })) : /*#__PURE__*/React.createElement(DropDown, _extends({}, fieldProps, {
@@ -50,6 +59,7 @@ const Template = ({
       }, fieldView);
     }
   }, totalTemplate);
+
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "template-wrapper",
     className: style.wrapper,
@@ -57,6 +67,7 @@ const Template = ({
     "aria-label": groupAriaLabel
   }, templateCompose);
 };
+
 const TextPropTypes = process.env.NODE_ENV !== "production" ? _extends({}, DropDown.propTypes, {
   type: PropTypes.string
 }) : {};

package/es/molecule/questions/template/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","parseTemplateString","DropDown","FreeText","style","Template","template","answers","groupAriaLabel","totalTemplate","templateCompose","convert","cap","part","key","type","textPart","__html","value","field","name","fieldType","fieldProps","fieldView","text","answerType","wrapper","TextPropTypes","propTypes","string","arrayOf","oneOfType","shape"],"sources":["../../../../src/molecule/questions/template/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers, groupAriaLabel}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          className={style.textPart}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const {type: fieldType, ...fieldProps} = field;\n      const fieldView =\n        fieldType === 'text' ? (\n          <FreeText {...fieldProps} className={style.text} />\n        ) : (\n          <DropDown {...fieldProps} theme=\"player\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div\n      data-name=\"template-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n    >\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default Template;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,mBAAmB,MAAM,qCAAqC;AACrE,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAG,CAAC;EAACC,QAAQ;EAAEC,OAAO;EAAEC;AAAc,CAAC,KAAK;EACxD,MAAMC,aAAa,GAAGR,mBAAmB,CAACK,QAAQ,CAAC;EACnD,MAAMI,eAAe,GAAG,KAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,IAAI,EAAEC,GAAG,KAAK;IAC/D,MAAMC,IAAI,GAAGF,IAAI,CAACE,IAAI;IACtB,IAAIA,IAAI,KAAK,QAAQ,EAAE;MACrB,oBACE;QACE,GAAG,EAAED,GAAI;QACT,SAAS,EAAEV,KAAK,CAACY;QACjB;QAAA;QACA,uBAAuB,EAAE;UAACC,MAAM,EAAEJ,IAAI,CAACK;QAAK;MAAE,EAC9C;IAEN;IACA,IAAIH,IAAI,KAAK,aAAa,EAAE;MAC1B,MAAMI,KAAK,GAAG,MAAK;QAACC,IAAI,EAAEP,IAAI,CAACK;MAAK,CAAC,EAAEX,OAAO,CAAC;MAC/C,IAAI,CAACY,KAAK,EAAE,OAAO,IAAI;MACvB,MAAM;UAACJ,IAAI,EAAEM;QAAwB,CAAC,GAAGF,KAAK;QAAnBG,UAAU,iCAAIH,KAAK;MAC9C,MAAMI,SAAS,GACbF,SAAS,KAAK,MAAM,gBAClB,oBAAC,QAAQ,eAAKC,UAAU;QAAE,SAAS,EAAElB,KAAK,CAACoB;MAAK,GAAG,gBAEnD,oBAAC,QAAQ,eAAKF,UAAU;QAAE,KAAK,EAAC;MAAQ,GACzC;MAEH,oBACE;QAAK,SAAS,EAAElB,KAAK,CAACqB,UAAW;QAAC,GAAG,EAAEZ,IAAI,CAACK;MAAM,GAC/CK,SAAS,CACN;IAEV;EACF,CAAC,EAAEd,aAAa,CAAC;EAEjB,oBACE;IACE,aAAU,kBAAkB;IAC5B,SAAS,EAAEL,KAAK,CAACsB,OAAQ;IACzB,IAAI,EAAC,OAAO;IACZ,cAAYlB;EAAe,GAE1BE,eAAe,CACZ;AAEV,CAAC;AAED,MAAMiB,aAAa,wDACdzB,QAAQ,CAAC0B,SAAS;EACrBb,IAAI,EAAEf,SAAS,CAAC6B;AAAM;AAGxBxB,QAAQ,CAACuB,SAAS,2CAAG;EACnBtB,QAAQ,EAAEN,SAAS,CAAC6B,MAAM;EAC1BtB,OAAO,EAAEP,SAAS,CAAC8B,OAAO,CACxB9B,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACgC,KAAK,CAAC9B,QAAQ,CAAC0B,SAAS,CAAC,EAAE5B,SAAS,CAACgC,KAAK,CAACL,aAAa,CAAC,CAAC,CAAC,CAC3F;EACDnB,cAAc,EAAER,SAAS,CAAC6B;AAC5B,CAAC;AAED,eAAexB,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","parseTemplateString","DropDown","FreeText","style","Template","template","answers","groupAriaLabel","totalTemplate","templateCompose","convert","cap","part","key","type","textPart","__html","value","field","name","fieldType","fieldProps","fieldView","text","answerType","wrapper","TextPropTypes","propTypes","string","arrayOf","oneOfType","shape"],"sources":["../../../../src/molecule/questions/template/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers, groupAriaLabel}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          className={style.textPart}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const {type: fieldType, ...fieldProps} = field;\n      const fieldView =\n        fieldType === 'text' ? (\n          <FreeText {...fieldProps} className={style.text} />\n        ) : (\n          <DropDown {...fieldProps} theme=\"player\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div\n      data-name=\"template-wrapper\"\n      className={style.wrapper}\n      role=\"group\"\n      aria-label={groupAriaLabel}\n    >\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDown.propTypes), PropTypes.shape(TextPropTypes)])\n  ),\n  groupAriaLabel: PropTypes.string\n};\n\nexport default Template;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,mBAAP,MAAgC,qCAAhC;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC;AAApB,CAAD,KAAyC;EACxD,MAAMC,aAAa,GAAGR,mBAAmB,CAACK,QAAD,CAAzC;;EACA,MAAMI,eAAe,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,IAAD,EAAOC,GAAP,KAAe;IAC/D,MAAMC,IAAI,GAAGF,IAAI,CAACE,IAAlB;;IACA,IAAIA,IAAI,KAAK,QAAb,EAAuB;MACrB,oBACE;QACE,GAAG,EAAED,GADP;QAEE,SAAS,EAAEV,KAAK,CAACY,QAFnB,CAGE;QAHF;QAIE,uBAAuB,EAAE;UAACC,MAAM,EAAEJ,IAAI,CAACK;QAAd;MAJ3B,EADF;IAQD;;IACD,IAAIH,IAAI,KAAK,aAAb,EAA4B;MAC1B,MAAMI,KAAK,GAAG,MAAK;QAACC,IAAI,EAAEP,IAAI,CAACK;MAAZ,CAAL,EAAyBX,OAAzB,CAAd;;MACA,IAAI,CAACY,KAAL,EAAY,OAAO,IAAP;;MACZ,MAAM;QAACJ,IAAI,EAAEM;MAAP,IAAmCF,KAAzC;MAAA,MAA2BG,UAA3B,iCAAyCH,KAAzC;;MACA,MAAMI,SAAS,GACbF,SAAS,KAAK,MAAd,gBACE,oBAAC,QAAD,eAAcC,UAAd;QAA0B,SAAS,EAAElB,KAAK,CAACoB;MAA3C,GADF,gBAGE,oBAAC,QAAD,eAAcF,UAAd;QAA0B,KAAK,EAAC;MAAhC,GAJJ;MAOA,oBACE;QAAK,SAAS,EAAElB,KAAK,CAACqB,UAAtB;QAAkC,GAAG,EAAEZ,IAAI,CAACK;MAA5C,GACGK,SADH,CADF;IAKD;EACF,CA7BuB,EA6BrBd,aA7BqB,CAAxB;;EA+BA,oBACE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAEL,KAAK,CAACsB,OAFnB;IAGE,IAAI,EAAC,OAHP;IAIE,cAAYlB;EAJd,GAMGE,eANH,CADF;AAUD,CA3CD;;AA6CA,MAAMiB,aAAN,wDACKzB,QAAQ,CAAC0B,SADd;EAEEb,IAAI,EAAEf,SAAS,CAAC6B;AAFlB;AAKAxB,QAAQ,CAACuB,SAAT,2CAAqB;EACnBtB,QAAQ,EAAEN,SAAS,CAAC6B,MADD;EAEnBtB,OAAO,EAAEP,SAAS,CAAC8B,OAAV,CACP9B,SAAS,CAAC+B,SAAV,CAAoB,CAAC/B,SAAS,CAACgC,KAAV,CAAgB9B,QAAQ,CAAC0B,SAAzB,CAAD,EAAsC5B,SAAS,CAACgC,KAAV,CAAgBL,aAAhB,CAAtC,CAApB,CADO,CAFU;EAKnBnB,cAAc,EAAER,SAAS,CAAC6B;AALP,CAArB;AAQA,eAAexB,QAAf"}

package/es/molecule/questions/types.d.ts

@@ -1,15 +1,15 @@
 import { ChoiceItem } from '../../atom/select-modal/index.native';
-type Url = string;
-type VideoMimeType = 'application/kontiki' | 'application/jwplayer' | 'application/youtube' | 'application/omniPlayer' | 'application/vimeo';
-type ResourceMimeType = 'video/mp4' | 'audio/acc' | 'image/jpeg' | 'image/png' | 'application/pdf' | VideoMimeType;
-export type Source = {
+declare type Url = string;
+declare type VideoMimeType = 'application/kontiki' | 'application/jwplayer' | 'application/youtube' | 'application/omniPlayer' | 'application/vimeo';
+declare type ResourceMimeType = 'video/mp4' | 'audio/acc' | 'image/jpeg' | 'image/png' | 'application/pdf' | VideoMimeType;
+export declare type Source = {
     _id?: string;
     mimeType?: ResourceMimeType;
     url: Url;
     videoId?: string;
 };
-export type MediaType = 'img' | 'audio' | 'video' | 'pdf';
-export type Media = {
+export declare type MediaType = 'img' | 'audio' | 'video' | 'pdf';
+export declare type Media = {
     type?: MediaType;
     description?: string;
     loading?: boolean;
@@ -28,21 +28,21 @@ export type Media = {
     onResume?: () => void;
     onEnded?: () => void;
 };
-export type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';
-type ChoiceBase = {
+export declare type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';
+declare type ChoiceBase = {
     _id: string;
     value?: string;
     name?: string;
     label?: string;
 };
-export type SelectableChoice = {
+export declare type SelectableChoice = {
     _id: string;
     label: string;
     selected: boolean;
     onPress: (value?: string) => void;
     media?: Media;
 };
-export type TemplateTextChoice = {
+export declare type TemplateTextChoice = {
     type: 'text';
     _id: string;
     name: string;
@@ -50,7 +50,7 @@ export type TemplateTextChoice = {
     label: string;
     selected: boolean;
 };
-export type TemplateListOfChoices = {
+export declare type TemplateListOfChoices = {
     type: 'select';
     _id: string;
     name: string;
@@ -58,6 +58,6 @@ export type TemplateListOfChoices = {
     label: string;
     items: Array<ChoiceItem>;
 };
-export type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;
+export declare type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/es/molecule/questions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/questions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAEhE,KAAK,GAAG,GAAG,MAAM,CAAC;AAElB,KAAK,aAAa,GACd,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,GACrB,wBAAwB,GACxB,mBAAmB,CAAC;AAExB,KAAK,gBAAgB,GACjB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,aAAa,CAAC;AAElB,MAAM,MAAM,MAAM,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9F,KAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/questions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAC;AAEhE,aAAK,GAAG,GAAG,MAAM,CAAC;AAElB,aAAK,aAAa,GACd,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,GACrB,wBAAwB,GACxB,mBAAmB,CAAC;AAExB,aAAK,gBAAgB,GACjB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,aAAa,CAAC;AAElB,oBAAY,MAAM,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9F,aAAK,UAAU,GAAG;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC1B,CAAC;AAEF,oBAAY,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,kBAAkB,CAAC"}

package/es/molecule/quick-access-card/index.js

@@ -3,30 +3,41 @@ import PropTypes from 'prop-types';
 import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const getIcon = feature => {
   switch (feature) {
     case 'manage_users':
       return ManageUserIcon;
+
     case 'upload_users':
       return UploadUserIcon;
+
     case 'manage_email':
       return ManageEmailIcon;
+
     case 'massive_battle':
       return MassiveBattleIcon;
+
     case 'cms':
       return CmsIcon;
+
     case 'look_and_feel':
       return LookAndFeelIcon;
+
     case 'dashboard':
       return DashboardIcon;
+
     case 'cockpit':
       return CockpitIcon;
+
     case 'analytics':
       return AnalyticsIcon;
+
     default:
       return CockpitIcon;
   }
 };
+
 const getBackgroudRadialColors = feature => {
   switch (feature) {
     case 'manage_users':
@@ -35,17 +46,20 @@ const getBackgroudRadialColors = feature => {
         iconColor: '#2EC1D6',
         degrees: '187'
       };
+
     case 'look_and_feel':
     case 'dashboard':
       return {
         iconColor: '#18BB98',
         degrees: '167'
       };
+
     case 'cockpit':
       return {
         iconColor: '#FF7043',
         degrees: '14'
       };
+
     case 'manage_email':
     case 'massive_battle':
     case 'cms':
@@ -53,15 +67,18 @@ const getBackgroudRadialColors = feature => {
         iconColor: '#7340FF',
         degrees: '256'
       };
+
     case 'analytics':
       return {
         iconColor: '#FF4040',
         degrees: '0'
       };
+
     default:
       return null;
   }
 };
+
 const QuickAccessCard = (props, context) => {
   const {
     title,
@@ -125,6 +142,7 @@ const QuickAccessCard = (props, context) => {
     className: style.iconGoto
   }))))));
 };
+
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,

package/es/molecule/quick-access-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","Link","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","Link","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","bool","oneOf"],"sources":["../../../src/molecule/quick-access-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,8BAA8B,IAAIC,WADpC,EAEEC,yBAAyB,IAAIC,cAF/B,EAGEC,8BAA8B,IAAIC,cAHpC,EAIEC,oBAAoB,IAAIC,eAJ1B,EAKEC,0BAA0B,IAAIC,eALhC,EAMEC,+BAA+B,IAAIC,aANrC,EAOEC,4BAA4B,IAAIC,iBAPlC,EAQEC,uCAAuC,IAAIC,OAR7C,EASEC,mCAAmC,IAAIC,aATzC,EAUEC,mCAAmC,IAAIC,UAVzC,EAWEC,uCAAuC,IAAIC,UAX7C,QAYO,0BAZP;AAaA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,OAAO,IAAI;EACzB,QAAQA,OAAR;IACE,KAAK,cAAL;MACE,OAAOtB,cAAP;;IACF,KAAK,cAAL;MACE,OAAOE,cAAP;;IACF,KAAK,cAAL;MACE,OAAOE,eAAP;;IACF,KAAK,gBAAL;MACE,OAAOM,iBAAP;;IACF,KAAK,KAAL;MACE,OAAOE,OAAP;;IACF,KAAK,eAAL;MACE,OAAON,eAAP;;IACF,KAAK,WAAL;MACE,OAAOE,aAAP;;IACF,KAAK,SAAL;MACE,OAAOV,WAAP;;IACF,KAAK,WAAL;MACE,OAAOgB,aAAP;;IACF;MACE,OAAOhB,WAAP;EApBJ;AAsBD,CAvBD;;AAyBA,MAAMyB,wBAAwB,GAAGD,OAAO,IAAI;EAC1C,QAAQA,OAAR;IACE,KAAK,cAAL;IACA,KAAK,cAAL;MACE,OAAO;QACLE,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,eAAL;IACA,KAAK,WAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,SAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,cAAL;IACA,KAAK,gBAAL;IACA,KAAK,KAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF,KAAK,WAAL;MACE,OAAO;QACLD,SAAS,EAAE,SADN;QAELC,OAAO,EAAE;MAFJ,CAAP;;IAIF;MACE,OAAO,IAAP;EA/BJ;AAiCD,CAlCD;;AAoCA,MAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC1C,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBR,OAArB;IAA8BS,IAA9B;IAAoCC,YAAY,GAAG;EAAnD,IAA4DL,KAAlE;EACA,MAAM;IAACH,SAAD;IAAYC;EAAZ,IAAuBF,wBAAwB,CAACD,OAAD,CAArD;EACA,MAAMW,IAAI,GAAGZ,OAAO,CAACC,OAAD,CAApB;EACA,MAAMY,aAAa,GAAGF,YAAY,gBAAG,oBAAC,UAAD;IAAY,SAAS,EAAEZ,KAAK,CAACe;EAA7B,EAAH,GAAiD,IAAnF;EAEA,oBACE;IAAK,aAAU,mBAAf;IAAmC,aAAWb,OAA9C;IAAuD,SAAS,EAAEF,KAAK,CAACgB;EAAxE,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEL,IAAZ;IAAkB,MAAM,EAAEC,YAAY,GAAG,QAAH,GAAc,OAApD;IAA6D,SAAS,EAAEZ,KAAK,CAACiB;EAA9E,gBACE;IACE,KAAK,EAAE;MACLC,UAAU,EAAG;AACzB,kBAAkBb,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;AACA,kBAAkBA,OAAQ;AAC1B,kBAAkBA,OAAQ;AAC1B;IAViB,CADT;IAaE,SAAS,EAAEL,KAAK,CAACmB;EAbnB,gBAeE;IACE,SAAS,EAAEnB,KAAK,CAACoB,kBADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEjB;IADZ;EAFT,gBAME,oBAAC,IAAD;IAAM,SAAS,EAAEJ,KAAK,CAACsB;EAAvB,EANF,CAfF,eAuBE;IAAK,SAAS,EAAEtB,KAAK,CAACS;EAAtB,GACGA,KADH,EAEGK,aAFH,CAvBF,eA2BE;IAAK,SAAS,EAAEd,KAAK,CAACU;EAAtB,GAAoCA,WAApC,CA3BF,eA4BE;IACE,SAAS,EAAEV,KAAK,CAACuB,eADnB;IAEE,KAAK,EAAE;MACLF,eAAe,EAAEjB;IADZ;EAFT,gBAME;IACE,SAAS,EAAEJ,KAAK,CAACwB,KADnB;IAEE,KAAK,EAAE;MACLC,KAAK,EAAErB;IADF;EAFT,gBAME,oBAAC,UAAD;IAAY,SAAS,EAAEJ,KAAK,CAAC0B;EAA7B,EANF,CANF,CA5BF,CADF,CADF,CADF;AAkDD,CAxDD;;AA0DApB,eAAe,CAACqB,SAAhB,2CAA4B;EAC1BlB,KAAK,EAAEjC,SAAS,CAACoD,MADS;EAE1BlB,WAAW,EAAElC,SAAS,CAACoD,MAFG;EAG1BjB,IAAI,EAAEnC,SAAS,CAACoD,MAHU;EAI1BhB,YAAY,EAAEpC,SAAS,CAACqD,IAJE;EAK1B3B,OAAO,EAAE1B,SAAS,CAACsD,KAAV,CAAgB,CACvB,WADuB,EAEvB,KAFuB,EAGvB,SAHuB,EAIvB,gBAJuB,EAKvB,cALuB,EAMvB,WANuB,EAOvB,eAPuB,EAQvB,cARuB,EASvB,cATuB,CAAhB;AALiB,CAA5B;AAkBA,eAAexB,eAAf"}

package/es/molecule/quick-access-cards-group/index.js

@@ -5,6 +5,7 @@ import PropTypes from 'prop-types';
 import QuickAccessCard from '../quick-access-card';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const QuickAccessCardGroup = props => {
   const {
     list = [],
@@ -13,16 +14,19 @@ const QuickAccessCardGroup = props => {
   const loader = loading ? /*#__PURE__*/React.createElement("div", {
     className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, null)) : null;
+
   const cards = _map(cardProps => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.card,
       key: `card-${cardProps.feature}`
     }, /*#__PURE__*/React.createElement(QuickAccessCard, cardProps));
   }, _slice(0, 4, list));
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.group
   }, cards, loader);
 };
+
 QuickAccessCardGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   list: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes)),
   loading: PropTypes.bool

package/es/molecule/quick-access-cards-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","QuickAccessCard","Loader","style","QuickAccessCardGroup","props","list","loading","loader","cards","cardProps","card","feature","group","propTypes","arrayOf","shape","bool"],"sources":["../../../src/molecule/quick-access-cards-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, slice} from 'lodash/fp';\nimport QuickAccessCard from '../quick-access-card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst QuickAccessCardGroup = props => {\n  const {list = [], loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div className={style.card} key={`card-${cardProps.feature}`}>\n        <QuickAccessCard {...cardProps} />\n      </div>\n    );\n  }, slice(0, 4, list));\n\n  return (\n    <div className={style.group}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nQuickAccessCardGroup.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes)),\n  loading: PropTypes.bool\n};\n\nexport default QuickAccessCardGroup;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,sBAAsB;AAClD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGF,KAAK;EAE1C,MAAMG,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAO,gBAC3B,oBAAC,MAAM,OAAG,CACN,GACJ,IAAI;EAER,MAAMC,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,SAAS,EAAEP,KAAK,CAACQ,IAAK;MAAC,GAAG,EAAG,QAAOD,SAAS,CAACE,OAAQ;IAAE,gBAC3D,oBAAC,eAAe,EAAKF,SAAS,CAAI,CAC9B;EAEV,CAAC,EAAE,OAAM,CAAC,EAAE,CAAC,EAAEJ,IAAI,CAAC,CAAC;EAErB,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACU;EAAM,GACzBJ,KAAK,EACLD,MAAM,CACH;AAEV,CAAC;AAEDJ,oBAAoB,CAACU,SAAS,2CAAG;EAC/BR,IAAI,EAAEN,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,KAAK,CAACf,eAAe,CAACa,SAAS,CAAC,CAAC;EACnEP,OAAO,EAAEP,SAAS,CAACiB;AACrB,CAAC;AAED,eAAeb,oBAAoB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","QuickAccessCard","Loader","style","QuickAccessCardGroup","props","list","loading","loader","cards","cardProps","card","feature","group","propTypes","arrayOf","shape","bool"],"sources":["../../../src/molecule/quick-access-cards-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, slice} from 'lodash/fp';\nimport QuickAccessCard from '../quick-access-card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst QuickAccessCardGroup = props => {\n  const {list = [], loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div className={style.card} key={`card-${cardProps.feature}`}>\n        <QuickAccessCard {...cardProps} />\n      </div>\n    );\n  }, slice(0, 4, list));\n\n  return (\n    <div className={style.group}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nQuickAccessCardGroup.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes)),\n  loading: PropTypes.bool\n};\n\nexport default QuickAccessCardGroup;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,OAAO,GAAG;EAAtB,IAA+BF,KAArC;EAEA,MAAMG,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;;EAMA,MAAMC,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,SAAS,EAAEP,KAAK,CAACQ,IAAtB;MAA4B,GAAG,EAAG,QAAOD,SAAS,CAACE,OAAQ;IAA3D,gBACE,oBAAC,eAAD,EAAqBF,SAArB,CADF,CADF;EAKD,CANa,EAMX,OAAM,CAAN,EAAS,CAAT,EAAYJ,IAAZ,CANW,CAAd;;EAQA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACU;EAAtB,GACGJ,KADH,EAEGD,MAFH,CADF;AAMD,CAvBD;;AAyBAJ,oBAAoB,CAACU,SAArB,2CAAiC;EAC/BR,IAAI,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgBf,eAAe,CAACa,SAAhC,CAAlB,CADyB;EAE/BP,OAAO,EAAEP,SAAS,CAACiB;AAFY,CAAjC;AAKA,eAAeb,oBAAf"}

package/es/molecule/resource-player/index.js

@@ -1,8 +1,11 @@
 import _get from "lodash/fp/get";
 import _omit from "lodash/fp/omit";
 const _excluded = ["type", "videoId"];
+
 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 { NovaSolidVideosVideoControlPlay as Play } from '@coorpacademy/nova-icons';
@@ -35,21 +38,25 @@ const imgPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   type: isType(TYPE_IMAGE).isRequired,
   url: PropTypes.string.isRequired
 }) : {};
+
 const ResourceElement = props => {
   const {
     resource,
     autoplay = false,
     disableAutostart
   } = props;
+
   const _omit2 = _omit('id', resource),
-    {
-      type,
-      videoId
-    } = _omit2,
-    childProps = _objectWithoutPropertiesLoose(_omit2, _excluded);
+        {
+    type,
+    videoId
+  } = _omit2,
+        childProps = _objectWithoutPropertiesLoose(_omit2, _excluded);
+
   const {
     url
   } = childProps;
+
   switch (type) {
     case TYPE_IMAGE:
       return /*#__PURE__*/React.createElement("div", {
@@ -58,10 +65,13 @@ const ResourceElement = props => {
           backgroundImage: `url(${url})`
         }
       });
+
     case TYPE_PDF:
       return /*#__PURE__*/React.createElement(Pdf, childProps);
+
     case TYPE_AUDIO:
       return /*#__PURE__*/React.createElement(Audio, childProps);
+
     case TYPE_VIDEO:
       return /*#__PURE__*/React.createElement(VideoPlayer, _extends({}, _omit('id', childProps), {
         autoplay: autoplay,
@@ -70,11 +80,13 @@ const ResourceElement = props => {
       }));
   }
 };
+
 ResourceElement.propTypes = process.env.NODE_ENV !== "production" ? {
   resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),
   autoplay: PropTypes.bool,
   disableAutostart: PropTypes.bool
 } : {};
+
 const OverlayElement = (props = {}, context = undefined) => {
   const {
     title,
@@ -85,7 +97,9 @@ const OverlayElement = (props = {}, context = undefined) => {
   const {
     skin
   } = context;
+
   const dark = _get('common.dark', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.overlay,
     onClick: onClick,
@@ -109,6 +123,7 @@ const OverlayElement = (props = {}, context = undefined) => {
     className: style.overlayText
   }, text));
 };
+
 OverlayElement.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -118,6 +133,7 @@ OverlayElement.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   title: PropTypes.string
 } : {};
+
 class ResourcePlayer extends React.Component {
   constructor(props, context) {
     super(props);
@@ -127,12 +143,14 @@ class ResourcePlayer extends React.Component {
     };
     this.handleOverlay = this.handleOverlay.bind(this);
   }
+
   handleOverlay() {
     this.setState({
       autoplay: true,
       overlay: null
     });
   }
+
   render() {
     const {
       className: customClassName,
@@ -164,7 +182,9 @@ class ResourcePlayer extends React.Component {
       autoplay: autoplay
     }))));
   }
+
 }
+
 ResourcePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),