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

package/lib/molecule/answer/prop-types.js

@@ -2,50 +2,38 @@
 
 exports.__esModule = true;
 exports.default = exports.TYPE_VIDEO = exports.TYPE_IMAGE = exports.TYPE_AUDIO = exports.MediaViewPropTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("../video-player/prop-types"));
-
 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 TYPE_IMAGE = 'img';
 exports.TYPE_IMAGE = TYPE_IMAGE;
 const TYPE_VIDEO = 'video';
 exports.TYPE_VIDEO = TYPE_VIDEO;
 const TYPE_AUDIO = 'audio';
 exports.TYPE_AUDIO = TYPE_AUDIO;
-
 const isType = name => _propTypes.default.oneOf([name]);
-
 const videoPropType = _propTypes.default.shape(_extends({}, _propTypes2.default, {
   type: isType(TYPE_VIDEO).isRequired
 }));
-
 const imgPropType = _propTypes.default.shape({
   type: isType(TYPE_IMAGE).isRequired,
   url: _propTypes.default.string.isRequired
 });
-
 const audioPropType = _propTypes.default.shape({
   type: isType(TYPE_AUDIO).isRequired,
   mediaUrl: _propTypes.default.string.isRequired
 });
-
 const MediaViewPropTypes = {
   media: _propTypes.default.oneOfType([videoPropType, imgPropType, audioPropType])
 };
 exports.MediaViewPropTypes = MediaViewPropTypes;
-
 const SelectOptionsPropTypes = _propTypes.default.shape({
   name: _propTypes.default.string,
   selected: _propTypes.default.bool,
   validOption: _propTypes.default.bool,
   value: _propTypes.default.string
 });
-
 const AnswerPropTypes = _propTypes.default.shape({
   title: _propTypes.default.string.isRequired,
   'aria-label': _propTypes.default.string,
@@ -57,7 +45,6 @@ const AnswerPropTypes = _propTypes.default.shape({
   type: _propTypes.default.oneOf(['text', 'select']),
   name: _propTypes.default.string
 });
-
 const propTypes = {
   model: _propTypes.default.shape({
     type: _propTypes.default.oneOf(['qcmDrag', 'qcm', 'qcmGraphic', 'freeText', 'dropDown', 'slider', 'template']).isRequired,

package/lib/molecule/answer/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","VideoPlayerPropTypes","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = (name: string) => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired,\n    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,UAAU,GAAG,KAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;;AAEP,MAAMC,MAAM,GAAIC,IAAD,IAAkBC,kBAAA,CAAUC,KAAV,CAAgB,CAACF,IAAD,CAAhB,CAAjC;;AAEA,MAAMG,aAAa,GAAGF,kBAAA,CAAUG,KAAV,cACjBC,mBADiB;EAEpBC,IAAI,EAAEP,MAAM,CAACF,UAAD,CAAN,CAAmBU;AAFL,GAAtB;;AAKA,MAAMC,WAAW,GAAGP,kBAAA,CAAUG,KAAV,CAAgB;EAClCE,IAAI,EAAEP,MAAM,CAACH,UAAD,CAAN,CAAmBW,UADS;EAElCE,GAAG,EAAER,kBAAA,CAAUS,MAAV,CAAiBH;AAFY,CAAhB,CAApB;;AAKA,MAAMI,aAAa,GAAGV,kBAAA,CAAUG,KAAV,CAAgB;EACpCE,IAAI,EAAEP,MAAM,CAACD,UAAD,CAAN,CAAmBS,UADW;EAEpCK,QAAQ,EAAEX,kBAAA,CAAUS,MAAV,CAAiBH;AAFS,CAAhB,CAAtB;;AAKO,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAEb,kBAAA,CAAUc,SAAV,CAAoB,CAACZ,aAAD,EAAgBK,WAAhB,EAA6BG,aAA7B,CAApB;AADyB,CAA3B;;;AAIP,MAAMK,sBAAsB,GAAGf,kBAAA,CAAUG,KAAV,CAAgB;EAC7CJ,IAAI,EAAEC,kBAAA,CAAUS,MAD6B;EAE7CO,QAAQ,EAAEhB,kBAAA,CAAUiB,IAFyB;EAG7CC,WAAW,EAAElB,kBAAA,CAAUiB,IAHsB;EAI7CE,KAAK,EAAEnB,kBAAA,CAAUS;AAJ4B,CAAhB,CAA/B;;AAOA,MAAMW,eAAe,GAAGpB,kBAAA,CAAUG,KAAV,CAAgB;EACtCkB,KAAK,EAAErB,kBAAA,CAAUS,MAAV,CAAiBH,UADc;EAEtC,cAAcN,kBAAA,CAAUS,MAFc;EAGtCa,OAAO,EAAEtB,kBAAA,CAAUuB,IAHmB;EAItCC,QAAQ,EAAExB,kBAAA,CAAUuB,IAJkB;EAKtCP,QAAQ,EAAEhB,kBAAA,CAAUiB,IALkB;EAMtCQ,KAAK,EAAEzB,kBAAA,CAAUS,MANqB;EAOtCiB,OAAO,EAAE1B,kBAAA,CAAU2B,OAAV,CAAkBZ,sBAAlB,CAP6B;EAQtCV,IAAI,EAAEL,kBAAA,CAAUC,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CARgC;EAStCF,IAAI,EAAEC,kBAAA,CAAUS;AATsB,CAAhB,CAAxB;;AAYA,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAE7B,kBAAA,CAAUG,KAAV,CAAgB;IACrBE,IAAI,EAAEL,kBAAA,CAAUC,KAAV,CAAgB,CACpB,SADoB,EAEpB,KAFoB,EAGpB,YAHoB,EAIpB,UAJoB,EAKpB,UALoB,EAMpB,QANoB,EAOpB,UAPoB,CAAhB,EAQHK,UATkB;IAUrBwB,MAAM,EAAE9B,kBAAA,CAAU2B,OAAV,CAAkBP,eAAlB;EAVa,CAAhB,EAWJd,UAZa;EAahByB,IAAI,EAAE/B,kBAAA,CAAUS,MAbA;EAchBI,KAAK,EAAED,kBAAkB,CAACC;AAdV,CAAlB;eAoDee,S"}
+{"version":3,"file":"prop-types.js","names":["TYPE_IMAGE","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","VideoPlayerPropTypes","type","isRequired","imgPropType","url","string","audioPropType","mediaUrl","MediaViewPropTypes","media","oneOfType","SelectOptionsPropTypes","selected","bool","validOption","value","AnswerPropTypes","title","onClick","func","onChange","image","options","arrayOf","propTypes","model","answer","help"],"sources":["../../../src/molecule/answer/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Media} from '../questions/types';\nimport VideoPlayerPropTypes from '../video-player/prop-types';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = (name: string) => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  ...VideoPlayerPropTypes,\n  type: isType(TYPE_VIDEO).isRequired\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  mediaUrl: PropTypes.string.isRequired\n});\n\nexport const MediaViewPropTypes = {\n  media: PropTypes.oneOfType([videoPropType, imgPropType, audioPropType])\n};\n\nconst SelectOptionsPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool,\n  value: PropTypes.string\n});\n\nconst AnswerPropTypes = PropTypes.shape({\n  title: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func,\n  onChange: PropTypes.func,\n  selected: PropTypes.bool,\n  image: PropTypes.string,\n  options: PropTypes.arrayOf(SelectOptionsPropTypes),\n  type: PropTypes.oneOf(['text', 'select']),\n  name: PropTypes.string\n});\n\nconst propTypes = {\n  model: PropTypes.shape({\n    type: PropTypes.oneOf([\n      'qcmDrag',\n      'qcm',\n      'qcmGraphic',\n      'freeText',\n      'dropDown',\n      'slider',\n      'template'\n    ]).isRequired,\n    answer: PropTypes.arrayOf(AnswerPropTypes)\n  }).isRequired,\n  help: PropTypes.string,\n  media: MediaViewPropTypes.media\n};\n\ntype SelectOptions = {\n  name: string;\n  selected: boolean;\n  validOption: boolean;\n  value: string;\n};\n\nexport type Answer = {\n  title?: string;\n  'aria-label'?: string;\n  onClick?: () => void;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n  image?: string;\n  options?: SelectOptions[];\n  type?: 'text' | 'select';\n  name?: string;\n};\n\nexport type AnswerProps = {\n  model: {\n    type: 'qcmDrag' | 'qcm' | 'qcmGraphic' | 'freeText' | 'dropDown' | 'slider' | 'template';\n    answers?: Answer[];\n    template?: string;\n    onChange?: (value: string | number) => void;\n    onSliderChange?: (value: number) => void;\n    minLabel?: string;\n    maxLabel?: string;\n    title?: string;\n  };\n  help: string;\n\n  media?: Media;\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA;AAEA;AAA8D;AAAA;AAEvD,MAAMA,UAAU,GAAG,KAAK;AAAC;AACzB,MAAMC,UAAU,GAAG,OAAO;AAAC;AAC3B,MAAMC,UAAU,GAAG,OAAO;AAAC;AAElC,MAAMC,MAAM,GAAIC,IAAY,IAAKC,kBAAS,CAACC,KAAK,CAAC,CAACF,IAAI,CAAC,CAAC;AAExD,MAAMG,aAAa,GAAGF,kBAAS,CAACG,KAAK,cAChCC,mBAAoB;EACvBC,IAAI,EAAEP,MAAM,CAACF,UAAU,CAAC,CAACU;AAAU,GACnC;AAEF,MAAMC,WAAW,GAAGP,kBAAS,CAACG,KAAK,CAAC;EAClCE,IAAI,EAAEP,MAAM,CAACH,UAAU,CAAC,CAACW,UAAU;EACnCE,GAAG,EAAER,kBAAS,CAACS,MAAM,CAACH;AACxB,CAAC,CAAC;AAEF,MAAMI,aAAa,GAAGV,kBAAS,CAACG,KAAK,CAAC;EACpCE,IAAI,EAAEP,MAAM,CAACD,UAAU,CAAC,CAACS,UAAU;EACnCK,QAAQ,EAAEX,kBAAS,CAACS,MAAM,CAACH;AAC7B,CAAC,CAAC;AAEK,MAAMM,kBAAkB,GAAG;EAChCC,KAAK,EAAEb,kBAAS,CAACc,SAAS,CAAC,CAACZ,aAAa,EAAEK,WAAW,EAAEG,aAAa,CAAC;AACxE,CAAC;AAAC;AAEF,MAAMK,sBAAsB,GAAGf,kBAAS,CAACG,KAAK,CAAC;EAC7CJ,IAAI,EAAEC,kBAAS,CAACS,MAAM;EACtBO,QAAQ,EAAEhB,kBAAS,CAACiB,IAAI;EACxBC,WAAW,EAAElB,kBAAS,CAACiB,IAAI;EAC3BE,KAAK,EAAEnB,kBAAS,CAACS;AACnB,CAAC,CAAC;AAEF,MAAMW,eAAe,GAAGpB,kBAAS,CAACG,KAAK,CAAC;EACtCkB,KAAK,EAAErB,kBAAS,CAACS,MAAM,CAACH,UAAU;EAClC,YAAY,EAAEN,kBAAS,CAACS,MAAM;EAC9Ba,OAAO,EAAEtB,kBAAS,CAACuB,IAAI;EACvBC,QAAQ,EAAExB,kBAAS,CAACuB,IAAI;EACxBP,QAAQ,EAAEhB,kBAAS,CAACiB,IAAI;EACxBQ,KAAK,EAAEzB,kBAAS,CAACS,MAAM;EACvBiB,OAAO,EAAE1B,kBAAS,CAAC2B,OAAO,CAACZ,sBAAsB,CAAC;EAClDV,IAAI,EAAEL,kBAAS,CAACC,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EACzCF,IAAI,EAAEC,kBAAS,CAACS;AAClB,CAAC,CAAC;AAEF,MAAMmB,SAAS,GAAG;EAChBC,KAAK,EAAE7B,kBAAS,CAACG,KAAK,CAAC;IACrBE,IAAI,EAAEL,kBAAS,CAACC,KAAK,CAAC,CACpB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,CACX,CAAC,CAACK,UAAU;IACbwB,MAAM,EAAE9B,kBAAS,CAAC2B,OAAO,CAACP,eAAe;EAC3C,CAAC,CAAC,CAACd,UAAU;EACbyB,IAAI,EAAE/B,kBAAS,CAACS,MAAM;EACtBI,KAAK,EAAED,kBAAkB,CAACC;AAC5B,CAAC;AAAC,eAqCae,SAAS;AAAA"}

package/lib/molecule/audio/index.js

@@ -2,54 +2,39 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(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 _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Audio extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
-
     this.setAudio = element => {
       this.audioElement = element;
     };
-
     this.handlePlay = this.handlePlay.bind(this);
     this.audioElement = null;
     this.setAudio = this.setAudio.bind(this);
   }
-
   shouldComponentUpdate(nextProps) {
     const {
       mediaUrl
     } = this.props;
     return nextProps.mediaUrl !== mediaUrl;
   }
-
   componentDidUpdate() {
     this.audioElement.load();
   }
-
   handlePlay(e) {
     const {
       onPlay
     } = this.props;
     if (onPlay) onPlay(e);
   }
-
   render() {
     const {
       description,
@@ -70,7 +55,8 @@ class Audio extends _react.default.Component {
       className: _style.default.icon
     }), description ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),
-      "data-name": "audioDescription" // eslint-disable-next-line react/no-danger
+      "data-name": "audioDescription"
+      // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -89,9 +75,7 @@ class Audio extends _react.default.Component {
       src: mediaUrl
     })));
   }
-
 }
-
 Audio.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;IAEA,MAAMiB,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEE,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAEE,KAApB;MAA2B,SAAS,EAAEC,cAAA,CAAMG;IAA5C,EADF,EAEGP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAA,EAAWJ,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMK,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEI,cAAA,CAAMO,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKxB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9Bb,K,CAQG+B,Y,GAAe;EACpBV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADb,C;AARlBrB,K,CACGkC,S,2CAAY;EACjBf,WAAW,EAAEgB,kBAAA,CAAUC,MADN;EAEjBvB,QAAQ,EAAEsB,kBAAA,CAAUC,MAFH;EAGjBhB,MAAM,EAAEe,kBAAA,CAAUC,MAHD;EAIjBnB,MAAM,EAAEkB,kBAAA,CAAUE;AAJD,C;eAsENrC,K"}
+{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,KAAK,SAASC,cAAK,CAACC,SAAS,CAAC;EAYlCC,WAAW,CAACC,KAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,KAAK,EAAEC,OAAO,CAAC;IAAC,KAexBC,QAAQ,GAAGC,OAAO,IAAI;MACpB,IAAI,CAACC,YAAY,GAAGD,OAAO;IAC7B,CAAC;IAhBC,IAAI,CAACE,UAAU,GAAG,IAAI,CAACA,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;IAC5C,IAAI,CAACF,YAAY,GAAG,IAAI;IACxB,IAAI,CAACF,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACI,IAAI,CAAC,IAAI,CAAC;EAC1C;EAEAC,qBAAqB,CAACC,SAAS,EAAE;IAC/B,MAAM;MAACC;IAAQ,CAAC,GAAG,IAAI,CAACT,KAAK;IAC7B,OAAOQ,SAAS,CAACC,QAAQ,KAAKA,QAAQ;EACxC;EAEAC,kBAAkB,GAAG;IACnB,IAAI,CAACN,YAAY,CAACO,IAAI,EAAE;EAC1B;EAMAN,UAAU,CAACO,CAAC,EAAE;IACZ,MAAM;MAACC;IAAM,CAAC,GAAG,IAAI,CAACb,KAAK;IAC3B,IAAIa,MAAM,EAAEA,MAAM,CAACD,CAAC,CAAC;EACvB;EAEAE,MAAM,GAAG;IACP,MAAM;MAACC,WAAW;MAAEN,QAAQ;MAAEO;IAAM,CAAC,GAAG,IAAI,CAAChB,KAAK;IAClD,MAAM;MAACiB;IAAI,CAAC,GAAG,IAAI,CAAChB,OAAO;IAE3B,MAAMiB,KAAK,GAAG,mBAAI,cAAc,EAAED,IAAI,CAAC;IACvC,oBACE;MAAK,SAAS,EAAEE,cAAK,CAACC,KAAM;MAAC,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAE;IAAE,gBACtE,6BAAC,gDAAW;MAAC,KAAK,EAAEE,KAAM;MAAC,SAAS,EAAEC,cAAK,CAACG;IAAK,EAAG,EACnDP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAU,EAACJ,cAAK,CAACJ,WAAW,EAAEI,cAAK,CAACK,SAAS,CAAE;MAC1D,aAAU;MACV;MAAA;MACA,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAW;IAAE,EAC/C,GACA,IAAI,eACR;MACE,SAAS,EAAEI,cAAK,CAACO,KAAM;MACvB,QAAQ;MACR,YAAY,EAAC,YAAY;MACzB,GAAG,EAAE,IAAI,CAACxB,QAAS;MACnB,QAAQ,EAAC,EAAE;MACX,MAAM,EAAE,IAAI,CAACG,UAAW;MACxB,IAAI,EAAC,OAAO;MACZ,aAAU,OAAO;MACjB,OAAO,EAAC;IAAM,gBAEd;MAAQ,GAAG,EAAEI;IAAS,EAAG,CACnB,CACJ;EAEV;AACF;AArEMb,KAAK,CAQF+B,YAAY,GAAG;EACpBV,IAAI,EAAEW,iBAAQ,CAACC,iBAAiB,CAACZ;AACnC,CAAC;AAVGrB,KAAK,CACFkC,SAAS,2CAAG;EACjBf,WAAW,EAAEgB,kBAAS,CAACC,MAAM;EAC7BvB,QAAQ,EAAEsB,kBAAS,CAACC,MAAM;EAC1BhB,MAAM,EAAEe,kBAAS,CAACC,MAAM;EACxBnB,MAAM,EAAEkB,kBAAS,CAACE;AACpB,CAAC;AAAA,eAiEYrC,KAAK;AAAA"}

package/lib/molecule/banner/index.js

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ICONS = {
   success: _novaIcons.NovaCompositionCoorpacademyValidate,
   error: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
@@ -29,7 +20,6 @@ const STYLES = {
   error: _style.default.error,
   warning: _style.default.warning
 };
-
 const Banner = props => {
   const {
     type,
@@ -73,7 +63,6 @@ const Banner = props => {
     type: "text"
   })) : null);
 };
-
 Banner.propTypes = process.env.NODE_ENV !== "production" ? {
   bannerKey: _propTypes.default.string,
   type: _propTypes.default.oneOf((0, _keys2.default)(ICONS)),

package/lib/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CADG;EAEZC,KAAK,EAAEC,0DAFK;EAGZC,OAAO,EAAED;AAHG,CAAd;AAMA,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAA,CAAMN,OADF;EAEbE,KAAK,EAAEI,cAAA,CAAMJ,KAFA;EAGbE,OAAO,EAAEE,cAAA,CAAMF;AAHF,CAAf;;AAMA,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IADI;IAEJC,OAFI;IAGJC,QAHI;IAIJC,aAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,SAPI;IAQJC,SARI;IASJC;EATI,IAUFT,KAVJ;EAWA,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAD,CAAlB;EACA,oBACE;IACE,GAAG,EAAEO,SADP;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWb,cAAA,CAAMc,MAAjB,EAAyBf,MAAM,CAACI,IAAD,CAA/B,EAAuCM,SAAS,IAAIT,cAAA,CAAMe,eAA1D,CAFb;IAGE,cAAc,EAAEJ,KAHlB;IAIE,KAAK,EAAEP;EAJT,gBAME;IAAK,aAAY,GAAED,IAAK,iBAAxB;IAA0C,SAAS,EAAEH,cAAA,CAAMI;EAA3D,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAS,mBAAA,EAAWb,cAAA,CAAMgB,IAAjB,EAAuBP,SAAS,IAAIT,cAAA,CAAMiB,aAA1C;EAAjB,EADF,EAEGb,OAFH,CANF,EAUGE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,kBADZ;IAEE,cAAYG,aAFd;IAGE,KAAK,EAAEA,aAHT;IAIE,OAAO,EAAED,QAJX;IAKE,IAAI,EAAC;EALP,EADF,CADY,GAUV,IApBN,EAqBGC,aAAa,IAAIC,cAAjB,gBACC;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMmB,UAAjB,EAA6BpB,MAAM,CAACI,IAAD,CAAnC;EAAhB,EADD,GAEG,IAvBN,EAwBGI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEK,SAFX;IAGE,cAAYD,cAHd;IAIE,KAAK,EAAEA,cAJT;IAKE,IAAI,EAAC;EALP,EADF,CADa,GAUX,IAlCN,CADF;AAsCD,CAnDD;;AAqDAN,MAAM,CAACmB,SAAP,2CAAmB;EACjBV,SAAS,EAAEW,kBAAA,CAAUC,MADJ;EAEjBnB,IAAI,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,oBAAK9B,KAAL,CAAhB,CAFW;EAGjBW,OAAO,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBE,UAHT;EAIjBnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAJH;EAKjBnB,aAAa,EAAEe,kBAAA,CAAUC,MALR;EAMjBf,cAAc,EAAEc,kBAAA,CAAUC,MANT;EAOjBd,SAAS,EAAEa,kBAAA,CAAUI,IAPJ;EAQjBhB,SAAS,EAAEY,kBAAA,CAAUK,IARJ;EASjBf,KAAK,EAAEU,kBAAA,CAAUI;AATA,CAAnB;eAYexB,M"}
+{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AAIA;AACA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CAAY;EACrBC,KAAK,EAAEC,0DAAY;EACnBC,OAAO,EAAED;AACX,CAAC;AAED,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAK,CAACN,OAAO;EACtBE,KAAK,EAAEI,cAAK,CAACJ,KAAK;EAClBE,OAAO,EAAEE,cAAK,CAACF;AACjB,CAAC;AAED,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,cAAc;IACdC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC;EACF,CAAC,GAAGT,KAAK;EACT,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAI,CAAC;EACxB,oBACE;IACE,GAAG,EAAEO,SAAU;IACf,SAAS,EAAE,IAAAG,mBAAU,EAACb,cAAK,CAACc,MAAM,EAAEf,MAAM,CAACI,IAAI,CAAC,EAAEM,SAAS,IAAIT,cAAK,CAACe,eAAe,CAAE;IACtF,cAAc,EAAEJ,KAAM;IACtB,KAAK,EAAEP;EAAQ,gBAEf;IAAK,aAAY,GAAED,IAAK,iBAAiB;IAAC,SAAS,EAAEH,cAAK,CAACI;EAAQ,gBACjE,6BAAC,IAAI;IAAC,SAAS,EAAE,IAAAS,mBAAU,EAACb,cAAK,CAACgB,IAAI,EAAEP,SAAS,IAAIT,cAAK,CAACiB,aAAa;EAAE,EAAG,EAC5Eb,OAAO,CACJ,EACLE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAU,EAACb,cAAK,CAACkB,MAAM,EAAEnB,MAAM,CAACI,IAAI,CAAC;EAAE,gBACrD,6BAAC,mBAAI;IACH,aAAU,kBAAkB;IAC5B,cAAYG,aAAc;IAC1B,KAAK,EAAEA,aAAc;IACrB,OAAO,EAAED,QAAS;IAClB,IAAI,EAAC;EAAM,EACX,CACE,GACJ,IAAI,EACPC,aAAa,IAAIC,cAAc,gBAC9B;IAAK,SAAS,EAAE,IAAAM,mBAAU,EAACb,cAAK,CAACmB,UAAU,EAAEpB,MAAM,CAACI,IAAI,CAAC;EAAE,EAAG,GAC5D,IAAI,EACPI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAU,EAACb,cAAK,CAACkB,MAAM,EAAEnB,MAAM,CAACI,IAAI,CAAC;EAAE,gBACrD,6BAAC,mBAAI;IACH,aAAU,mBAAmB;IAC7B,OAAO,EAAEK,SAAU;IACnB,cAAYD,cAAe;IAC3B,KAAK,EAAEA,cAAe;IACtB,IAAI,EAAC;EAAM,EACX,CACE,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDN,MAAM,CAACmB,SAAS,2CAAG;EACjBV,SAAS,EAAEW,kBAAS,CAACC,MAAM;EAC3BnB,IAAI,EAAEkB,kBAAS,CAACE,KAAK,CAAC,oBAAK9B,KAAK,CAAC,CAAC;EAClCW,OAAO,EAAEiB,kBAAS,CAACC,MAAM,CAACE,UAAU;EACpCnB,QAAQ,EAAEgB,kBAAS,CAACI,IAAI;EACxBnB,aAAa,EAAEe,kBAAS,CAACC,MAAM;EAC/Bf,cAAc,EAAEc,kBAAS,CAACC,MAAM;EAChCd,SAAS,EAAEa,kBAAS,CAACI,IAAI;EACzBhB,SAAS,EAAEY,kBAAS,CAACK,IAAI;EACzBf,KAAK,EAAEU,kBAAS,CAACI;AACnB,CAAC;AAAC,eAEaxB,MAAM;AAAA"}

package/lib/molecule/battle-request/index.js

@@ -2,27 +2,16 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _avatar = _interopRequireDefault(require("../../atom/avatar"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BattleRequest = (props, context) => {
   const {
     translate,
@@ -55,7 +44,8 @@ const BattleRequest = (props, context) => {
   }, username, /*#__PURE__*/_react.default.createElement("span", null, challengeLabel)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.discipline
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.disciplineName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.disciplineName, _style.default.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: discipline
@@ -69,7 +59,6 @@ const BattleRequest = (props, context) => {
     color: light
   }));
 };
-
 BattleRequest.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate

package/lib/molecule/battle-request/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} color={light} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IAACG,QAAD;IAAWC,UAAX;IAAuBC,KAAvB;IAA8BC,MAA9B;IAAsCC;EAAtC,IAA8CR,KAApD;EAEA,MAAMS,YAAY,GAAG,mBAAI,gBAAJ,EAAsBN,IAAtB,CAArB;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBP,IAApB,CAAd;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,6BAAC,aAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEW,cAAA,CAAMC,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEN;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,uDACE,6BAAC,eAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GACGb,QADH,eAEE,2CAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEE,cAAA,CAAMR;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAEO,cAAA,CAAMS;EAAtB,GAA8BV,UAA9B,CAzBF,eA0BE,6BAAC,8CAAD;IAAgB,SAAS,EAAEC,cAAA,CAAMU,KAAjC;IAAwC,KAAK,EAAEb;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAACyB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB,IADN;EAE3BD,SAAS,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AAFX,CAA7B;AAKAH,aAAa,CAAC4B,SAAd,2CAA0B;EACxBvB,QAAQ,EAAEwB,kBAAA,CAAUC,MADI;EAExBxB,UAAU,EAAEuB,kBAAA,CAAUC,MAFE;EAGxBvB,KAAK,EAAEsB,kBAAA,CAAUC,MAHO;EAIxBtB,MAAM,EAAEqB,kBAAA,CAAUC,MAJM;EAKxBrB,IAAI,EAAEoB,kBAAA,CAAUC;AALQ,CAA1B;eAQe9B,a"}
+{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} color={light} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC,SAAS;IAAEC;EAAI,CAAC,GAAGF,OAAO;EACjC,MAAM;IAACG,QAAQ;IAAEC,UAAU;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAGR,KAAK;EAEzD,MAAMS,YAAY,GAAG,mBAAI,gBAAgB,EAAEN,IAAI,CAAC;EAChD,MAAMO,KAAK,GAAG,mBAAI,cAAc,EAAEP,IAAI,CAAC;EAEvC,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAmB,CAAC;EACrD,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAc,CAAC;EAE5C,oBACE,6BAAC,aAAI;IACH,aAAU,0BAA0B;IACpC,SAAS,EAAEW,cAAK,CAACC,IAAK;IACtB,KAAK,EAAE;MACLC,WAAW,EAAEN;IACf,CAAE;IACF,IAAI,EAAED;EAAK,gBAEX,uDACE,6BAAC,eAAM;IAAC,GAAG,EAAED;EAAO,EAAG,CACnB,eACN;IAAK,SAAS,EAAEM,cAAK,CAACG;EAAK,gBACzB;IAAK,SAAS,EAAEH,cAAK,CAACI;EAAK,GACxBb,QAAQ,eACT,2CAAOO,cAAc,CAAQ,CACzB,eACN;IAAK,SAAS,EAAEE,cAAK,CAACR;EAAW,gBAC/B;IACE,SAAS,EAAE,IAAAa,mBAAU,EAACL,cAAK,CAACM,cAAc,EAAEN,cAAK,CAACO,SAAS;IAC3D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAU;EAAE,EAC9C,eACF;IAAK,SAAS,EAAEQ,cAAK,CAACP;EAAM,GAAEA,KAAK,CAAO,CACtC,CACF,eACN;IAAK,SAAS,EAAEO,cAAK,CAACS;EAAM,GAAEV,UAAU,CAAO,eAC/C,6BAAC,8CAAc;IAAC,SAAS,EAAEC,cAAK,CAACU,KAAM;IAAC,KAAK,EAAEb;EAAM,EAAG,CACnD;AAEX,CAAC;AAEDX,aAAa,CAACyB,YAAY,GAAG;EAC3BrB,IAAI,EAAEsB,iBAAQ,CAACC,iBAAiB,CAACvB,IAAI;EACrCD,SAAS,EAAEuB,iBAAQ,CAACC,iBAAiB,CAACxB;AACxC,CAAC;AAEDH,aAAa,CAAC4B,SAAS,2CAAG;EACxBvB,QAAQ,EAAEwB,kBAAS,CAACC,MAAM;EAC1BxB,UAAU,EAAEuB,kBAAS,CAACC,MAAM;EAC5BvB,KAAK,EAAEsB,kBAAS,CAACC,MAAM;EACvBtB,MAAM,EAAEqB,kBAAS,CAACC,MAAM;EACxBrB,IAAI,EAAEoB,kBAAS,CAACC;AAClB,CAAC;AAAC,eAEa9B,aAAa;AAAA"}

package/lib/molecule/brand-card/description.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _description = _interopRequireDefault(require("./description.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Description = (props, context) => {
   const {
     className,
@@ -29,7 +23,6 @@ const Description = (props, context) => {
     }
   }))) : null;
 };
-
 Description.propTypes = process.env.NODE_ENV !== "production" ? {
   description: _propTypes.default.string,
   className: _propTypes.default.string

package/lib/molecule/brand-card/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","names":["Description","props","context","className","description","classnames","style","descriptionWrapper","__html","propTypes","PropTypes","string"],"sources":["../../../src/molecule/brand-card/description.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './description.css';\n\nconst Description = (props, context) => {\n  const {className, description} = props;\n  return description ? (\n    <div className={classnames(style.descriptionWrapper, className)}>\n      <div className={style.description}>\n        <div\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n      </div>\n    </div>\n  ) : null;\n};\n\nDescription.propTypes = {\n  description: PropTypes.string,\n  className: PropTypes.string\n};\nexport default Description;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAA2BH,KAAjC;EACA,OAAOG,WAAW,gBAChB;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWC,oBAAA,CAAMC,kBAAjB,EAAqCJ,SAArC;EAAhB,gBACE;IAAK,SAAS,EAAEG,oBAAA,CAAMF;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAF3B,EADF,CADF,CADgB,GASd,IATJ;AAUD,CAZD;;AAcAJ,WAAW,CAACS,SAAZ,2CAAwB;EACtBL,WAAW,EAAEM,kBAAA,CAAUC,MADD;EAEtBR,SAAS,EAAEO,kBAAA,CAAUC;AAFC,CAAxB;eAIeX,W"}
+{"version":3,"file":"description.js","names":["Description","props","context","className","description","classnames","style","descriptionWrapper","__html","propTypes","PropTypes","string"],"sources":["../../../src/molecule/brand-card/description.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './description.css';\n\nconst Description = (props, context) => {\n  const {className, description} = props;\n  return description ? (\n    <div className={classnames(style.descriptionWrapper, className)}>\n      <div className={style.description}>\n        <div\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n      </div>\n    </div>\n  ) : null;\n};\n\nDescription.propTypes = {\n  description: PropTypes.string,\n  className: PropTypes.string\n};\nexport default Description;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAsC;AAEtC,MAAMA,WAAW,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC,SAAS;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACtC,OAAOG,WAAW,gBAChB;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAACC,oBAAK,CAACC,kBAAkB,EAAEJ,SAAS;EAAE,gBAC9D;IAAK,SAAS,EAAEG,oBAAK,CAACF;EAAY,gBAChC;IACE;IACA,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAW;EAAE,EAC/C,CACE,CACF,GACJ,IAAI;AACV,CAAC;AAEDJ,WAAW,CAACS,SAAS,2CAAG;EACtBL,WAAW,EAAEM,kBAAS,CAACC,MAAM;EAC7BR,SAAS,EAAEO,kBAAS,CAACC;AACvB,CAAC;AAAC,eACaX,WAAW;AAAA"}

package/lib/molecule/brand-card/index.js

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _picture = _interopRequireDefault(require("../../atom/picture"));
-
 var _description = _interopRequireDefault(require("./description"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BrandCard = props => {
   const {
     title,
@@ -64,7 +55,6 @@ const BrandCard = props => {
     href: seeHref
   }, see))));
 };
-
 BrandCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   description: _propTypes.default.string,

package/lib/molecule/brand-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","style","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","PropTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/brand-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLoginLocked as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n  const {\n    title,\n    edit,\n    editHref,\n    onEditClick,\n    see,\n    seeHref,\n    image,\n    description,\n    maintenance = false\n  } = props;\n  const maintenanceView = maintenance ? (\n    <div className={style.lockWrapper}>\n      <LockIcon className={style.lockIcon} height={80} />\n    </div>\n  ) : null;\n  return (\n    <div className={style.wrapper}>\n      <div className={style.image}>\n        <Picture className={style.picture} src={image} />\n        {maintenanceView}\n        <Description description={description} className={style.descriptionWrapper} />\n      </div>\n      <div className={style.information} data-name={`info-${title}`}>\n        <h3>{title}</h3>\n        <div className={style.edit}>\n          <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n            {edit}\n          </Link>\n        </div>\n        <div className={style.see} data-name={`see-${title}`}>\n          <Link target=\"_blank\" href={seeHref}>\n            {see}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string,\n  onEditClick: PropTypes.func,\n  see: PropTypes.string.isRequired,\n  seeHref: PropTypes.string,\n  image: PropTypes.string.isRequired,\n  maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,QAHI;IAIJC,WAJI;IAKJC,GALI;IAMJC,OANI;IAOJC,KAPI;IAQJC,WARI;IASJC,WAAW,GAAG;EATV,IAUFT,KAVJ;EAWA,MAAMU,eAAe,GAAGD,WAAW,gBACjC;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE,6BAAC,+BAAD;IAAU,SAAS,EAAED,cAAA,CAAME,QAA3B;IAAqC,MAAM,EAAE;EAA7C,EADF,CADiC,GAI/B,IAJJ;EAKA,oBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMJ;EAAtB,gBACE,6BAAC,gBAAD;IAAS,SAAS,EAAEI,cAAA,CAAMI,OAA1B;IAAmC,GAAG,EAAER;EAAxC,EADF,EAEGG,eAFH,eAGE,6BAAC,oBAAD;IAAa,WAAW,EAAEF,WAA1B;IAAuC,SAAS,EAAEG,cAAA,CAAMK;EAAxD,EAHF,CADF,eAME;IAAK,SAAS,EAAEL,cAAA,CAAMM,WAAtB;IAAmC,aAAY,QAAOhB,KAAM;EAA5D,gBACE,yCAAKA,KAAL,CADF,eAEE;IAAK,SAAS,EAAEU,cAAA,CAAMT;EAAtB,gBACE,6BAAC,aAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,OAAO,EAAEC,WAA/B;IAA4C,aAAY,QAAOH,KAAM;EAArE,GACGC,IADH,CADF,CAFF,eAOE;IAAK,SAAS,EAAES,cAAA,CAAMN,GAAtB;IAA2B,aAAY,OAAMJ,KAAM;EAAnD,gBACE,6BAAC,aAAD;IAAM,MAAM,EAAC,QAAb;IAAsB,IAAI,EAAEK;EAA5B,GACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACmB,SAAV,2CAAsB;EACpBjB,KAAK,EAAEkB,kBAAA,CAAUC,MAAV,CAAiBC,UADJ;EAEpBb,WAAW,EAAEW,kBAAA,CAAUC,MAFH;EAGpBlB,IAAI,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBC,UAHH;EAIpBlB,QAAQ,EAAEgB,kBAAA,CAAUC,MAJA;EAKpBhB,WAAW,EAAEe,kBAAA,CAAUG,IALH;EAMpBjB,GAAG,EAAEc,kBAAA,CAAUC,MAAV,CAAiBC,UANF;EAOpBf,OAAO,EAAEa,kBAAA,CAAUC,MAPC;EAQpBb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UARJ;EASpBZ,WAAW,EAAEU,kBAAA,CAAUI;AATH,CAAtB;eAWexB,S"}
+{"version":3,"file":"index.js","names":["BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","style","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","PropTypes","string","isRequired","func","bool"],"sources":["../../../src/molecule/brand-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLoginLocked as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n  const {\n    title,\n    edit,\n    editHref,\n    onEditClick,\n    see,\n    seeHref,\n    image,\n    description,\n    maintenance = false\n  } = props;\n  const maintenanceView = maintenance ? (\n    <div className={style.lockWrapper}>\n      <LockIcon className={style.lockIcon} height={80} />\n    </div>\n  ) : null;\n  return (\n    <div className={style.wrapper}>\n      <div className={style.image}>\n        <Picture className={style.picture} src={image} />\n        {maintenanceView}\n        <Description description={description} className={style.descriptionWrapper} />\n      </div>\n      <div className={style.information} data-name={`info-${title}`}>\n        <h3>{title}</h3>\n        <div className={style.edit}>\n          <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n            {edit}\n          </Link>\n        </div>\n        <div className={style.see} data-name={`see-${title}`}>\n          <Link target=\"_blank\" href={seeHref}>\n            {see}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string,\n  onEditClick: PropTypes.func,\n  see: PropTypes.string.isRequired,\n  seeHref: PropTypes.string,\n  image: PropTypes.string.isRequired,\n  maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,WAAW;IACXC,GAAG;IACHC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,WAAW,GAAG;EAChB,CAAC,GAAGT,KAAK;EACT,MAAMU,eAAe,GAAGD,WAAW,gBACjC;IAAK,SAAS,EAAEE,cAAK,CAACC;EAAY,gBAChC,6BAAC,+BAAQ;IAAC,SAAS,EAAED,cAAK,CAACE,QAAS;IAAC,MAAM,EAAE;EAAG,EAAG,CAC/C,GACJ,IAAI;EACR,oBACE;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAQ,gBAC5B;IAAK,SAAS,EAAEH,cAAK,CAACJ;EAAM,gBAC1B,6BAAC,gBAAO;IAAC,SAAS,EAAEI,cAAK,CAACI,OAAQ;IAAC,GAAG,EAAER;EAAM,EAAG,EAChDG,eAAe,eAChB,6BAAC,oBAAW;IAAC,WAAW,EAAEF,WAAY;IAAC,SAAS,EAAEG,cAAK,CAACK;EAAmB,EAAG,CAC1E,eACN;IAAK,SAAS,EAAEL,cAAK,CAACM,WAAY;IAAC,aAAY,QAAOhB,KAAM;EAAE,gBAC5D,yCAAKA,KAAK,CAAM,eAChB;IAAK,SAAS,EAAEU,cAAK,CAACT;EAAK,gBACzB,6BAAC,aAAI;IAAC,IAAI,EAAEC,QAAS;IAAC,OAAO,EAAEC,WAAY;IAAC,aAAY,QAAOH,KAAM;EAAE,GACpEC,IAAI,CACA,CACH,eACN;IAAK,SAAS,EAAES,cAAK,CAACN,GAAI;IAAC,aAAY,OAAMJ,KAAM;EAAE,gBACnD,6BAAC,aAAI;IAAC,MAAM,EAAC,QAAQ;IAAC,IAAI,EAAEK;EAAQ,GACjCD,GAAG,CACC,CACH,CACF,CACF;AAEV,CAAC;AAEDN,SAAS,CAACmB,SAAS,2CAAG;EACpBjB,KAAK,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCb,WAAW,EAAEW,kBAAS,CAACC,MAAM;EAC7BlB,IAAI,EAAEiB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjClB,QAAQ,EAAEgB,kBAAS,CAACC,MAAM;EAC1BhB,WAAW,EAAEe,kBAAS,CAACG,IAAI;EAC3BjB,GAAG,EAAEc,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChCf,OAAO,EAAEa,kBAAS,CAACC,MAAM;EACzBb,KAAK,EAAEY,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCZ,WAAW,EAAEU,kBAAS,CAACI;AACzB,CAAC;AAAC,eACaxB,SAAS;AAAA"}

package/lib/molecule/brand-card-create/index.js

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BrandCardCreate = props => {
   const {
     edit,
@@ -33,7 +27,6 @@ const BrandCardCreate = props => {
     href: editHref
   }, /*#__PURE__*/_react.default.createElement("span", null, edit))));
 };
-
 BrandCardCreate.propTypes = process.env.NODE_ENV !== "production" ? {
   edit: _propTypes.default.string.isRequired,
   editHref: _propTypes.default.string.isRequired

package/lib/molecule/brand-card-create/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandCardCreate","props","edit","editHref","style","wrapper","circle1","circle2","circle3","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/brand-card-create/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst BrandCardCreate = props => {\n  const {edit, editHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.circle1} />\n      <div className={style.circle2} />\n      <div className={style.circle3} />\n      <div className={style.edit}>\n        <Link data-name=\"brand_card_create_link\" href={editHref}>\n          <span>{edit}</span>\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nBrandCardCreate.propTypes = {\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string.isRequired\n};\nexport default BrandCardCreate;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAmBF,KAAzB;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAEJ,cAAA,CAAMF;EAAtB,gBACE,6BAAC,aAAD;IAAM,aAAU,wBAAhB;IAAyC,IAAI,EAAEC;EAA/C,gBACE,2CAAOD,IAAP,CADF,CADF,CAJF,CADF;AAYD,CAfD;;AAiBAF,eAAe,CAACS,SAAhB,2CAA4B;EAC1BP,IAAI,EAAEQ,kBAAA,CAAUC,MAAV,CAAiBC,UADG;EAE1BT,QAAQ,EAAEO,kBAAA,CAAUC,MAAV,CAAiBC;AAFD,CAA5B;eAIeZ,e"}
+{"version":3,"file":"index.js","names":["BrandCardCreate","props","edit","editHref","style","wrapper","circle1","circle2","circle3","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/brand-card-create/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst BrandCardCreate = props => {\n  const {edit, editHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.circle1} />\n      <div className={style.circle2} />\n      <div className={style.circle3} />\n      <div className={style.edit}>\n        <Link data-name=\"brand_card_create_link\" href={editHref}>\n          <span>{edit}</span>\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nBrandCardCreate.propTypes = {\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string.isRequired\n};\nexport default BrandCardCreate;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAI;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAE9B,oBACE;IAAK,SAAS,EAAEG,cAAK,CAACC;EAAQ,gBAC5B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAEH,cAAK,CAACI;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAEJ,cAAK,CAACF;EAAK,gBACzB,6BAAC,aAAI;IAAC,aAAU,wBAAwB;IAAC,IAAI,EAAEC;EAAS,gBACtD,2CAAOD,IAAI,CAAQ,CACd,CACH,CACF;AAEV,CAAC;AAEDF,eAAe,CAACS,SAAS,2CAAG;EAC1BP,IAAI,EAAEQ,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCT,QAAQ,EAAEO,kBAAS,CAACC,MAAM,CAACC;AAC7B,CAAC;AAAC,eACaZ,eAAe;AAAA"}

package/lib/molecule/brand-create-form/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _button = _interopRequireDefault(require("../../atom/button"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 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; }
-
 const BrandCreateForm = (props, context) => {
   const {
     title,
@@ -73,7 +63,6 @@ const BrandCreateForm = (props, context) => {
     onInput: handleChange
   }), field.label)), actionView));
 };
-
 BrandCreateForm.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/molecule/brand-create-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","useMemo","e","target","value","actionView","wait","loading","header","content","placeholder","label","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","func","bool"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.default;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <Button\n        data-name=\"brand_create_submit_button\"\n        type=\"submit\"\n        disabled={disabled}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","style","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","useMemo","e","target","value","actionView","wait","loading","header","content","placeholder","label","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","func","bool"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.default;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <Button\n        data-name=\"brand_create_submit_button\"\n        type=\"submit\"\n        disabled={disabled}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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"}

package/lib/molecule/brand-download-box/index.js

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _button = _interopRequireDefault(require("../../atom/button"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BrandDownloadBox = (props, context) => {
   const {
     title = '',
@@ -59,7 +50,6 @@ const BrandDownloadBox = (props, context) => {
     submitValue: submitValue
   }));
 };
-
 BrandDownloadBox.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };