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

package/es/molecule/audio/index.js

@@ -5,31 +5,38 @@ import classnames from 'classnames';
 import { NovaCompositionCoorpacademyMicrophone as PodcastIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 class Audio extends React.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,
@@ -39,7 +46,9 @@ class Audio extends React.Component {
     const {
       skin
     } = this.context;
+
     const white = _get('common.white', skin);
+
     return /*#__PURE__*/React.createElement("div", {
       className: style.frame,
       style: {
@@ -50,8 +59,7 @@ class Audio extends React.Component {
       className: style.icon
     }), description ? /*#__PURE__*/React.createElement("div", {
       className: classnames(style.description, style.innerHTML),
-      "data-name": "audioDescription"
-      // eslint-disable-next-line react/no-danger
+      "data-name": "audioDescription" // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -70,7 +78,9 @@ class Audio extends React.Component {
       src: mediaUrl
     })));
   }
+
 }
+
 Audio.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","style","Audio","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","frame","backgroundImage","icon","innerHTML","__html","audio","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,qCAAqC,IAAIC,WAAW,QAAO,0BAA0B;AAC7F,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,SAASP,KAAK,CAACQ,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,KAAI,cAAc,EAAED,IAAI,CAAC;IACvC,oBACE;MAAK,SAAS,EAAErB,KAAK,CAACuB,KAAM;MAAC,KAAK,EAAE;QAACC,eAAe,EAAG,OAAMJ,MAAO;MAAE;IAAE,gBACtE,oBAAC,WAAW;MAAC,KAAK,EAAEE,KAAM;MAAC,SAAS,EAAEtB,KAAK,CAACyB;IAAK,EAAG,EACnDN,WAAW,gBACV;MACE,SAAS,EAAEvB,UAAU,CAACI,KAAK,CAACmB,WAAW,EAAEnB,KAAK,CAAC0B,SAAS,CAAE;MAC1D,aAAU;MACV;MAAA;MACA,uBAAuB,EAAE;QAACC,MAAM,EAAER;MAAW;IAAE,EAC/C,GACA,IAAI,eACR;MACE,SAAS,EAAEnB,KAAK,CAAC4B,KAAM;MACvB,QAAQ;MACR,YAAY,EAAC,YAAY;MACzB,GAAG,EAAE,IAAI,CAACtB,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;AArEMZ,KAAK,CAQF4B,YAAY,GAAG;EACpBR,IAAI,EAAEtB,QAAQ,CAAC+B,iBAAiB,CAACT;AACnC,CAAC;AAVGpB,KAAK,CACF8B,SAAS,2CAAG;EACjBZ,WAAW,EAAExB,SAAS,CAACqC,MAAM;EAC7BnB,QAAQ,EAAElB,SAAS,CAACqC,MAAM;EAC1BZ,MAAM,EAAEzB,SAAS,CAACqC,MAAM;EACxBf,MAAM,EAAEtB,SAAS,CAACsC;AACpB,CAAC;AAiEH,eAAehC,KAAK"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","style","Audio","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","frame","backgroundImage","icon","innerHTML","__html","audio","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,qCAAqC,IAAIC,WAAjD,QAAmE,0BAAnE;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAN,SAAoBP,KAAK,CAACQ,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,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;IACA,oBACE;MAAK,SAAS,EAAErB,KAAK,CAACuB,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAMJ,MAAO;MAAhC;IAApC,gBACE,oBAAC,WAAD;MAAa,KAAK,EAAEE,KAApB;MAA2B,SAAS,EAAEtB,KAAK,CAACyB;IAA5C,EADF,EAEGN,WAAW,gBACV;MACE,SAAS,EAAEvB,UAAU,CAACI,KAAK,CAACmB,WAAP,EAAoBnB,KAAK,CAAC0B,SAA1B,CADvB;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAER;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEnB,KAAK,CAAC4B,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKtB,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;;AAA9BZ,K,CAQG4B,Y,GAAe;EACpBR,IAAI,EAAEtB,QAAQ,CAAC+B,iBAAT,CAA2BT;AADb,C;AARlBpB,K,CACG8B,S,2CAAY;EACjBZ,WAAW,EAAExB,SAAS,CAACqC,MADN;EAEjBnB,QAAQ,EAAElB,SAAS,CAACqC,MAFH;EAGjBZ,MAAM,EAAEzB,SAAS,CAACqC,MAHD;EAIjBf,MAAM,EAAEtB,SAAS,CAACsC;AAJD,C;AAsErB,eAAehC,KAAf"}

package/es/molecule/banner/index.js

@@ -15,6 +15,7 @@ const STYLES = {
   error: style.error,
   warning: style.warning
 };
+
 const Banner = props => {
   const {
     type,
@@ -58,6 +59,7 @@ const Banner = props => {
     type: "text"
   })) : null);
 };
+
 Banner.propTypes = process.env.NODE_ENV !== "production" ? {
   bannerKey: PropTypes.string,
   type: PropTypes.oneOf(_keys(ICONS)),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","Link","style","ICONS","success","error","warning","STYLES","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","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":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","Link","style","ICONS","success","error","warning","STYLES","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","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":"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"}

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

@@ -7,6 +7,7 @@ import Link from '../../atom/link';
 import Provider from '../../atom/provider';
 import Avatar from '../../atom/avatar';
 import style from './style.css';
+
 const BattleRequest = (props, context) => {
   const {
     translate,
@@ -19,8 +20,11 @@ const BattleRequest = (props, context) => {
     avatar,
     href
   } = props;
+
   const primaryColor = _get('common.primary', skin);
+
   const light = _get('common.light', skin);
+
   const challengeLabel = translate('challenges you on');
   const startLabel = translate('Start battle');
   return /*#__PURE__*/React.createElement(Link, {
@@ -39,8 +43,7 @@ const BattleRequest = (props, context) => {
   }, username, /*#__PURE__*/React.createElement("span", null, challengeLabel)), /*#__PURE__*/React.createElement("div", {
     className: style.discipline
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.disciplineName, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.disciplineName, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: discipline
@@ -54,6 +57,7 @@ const BattleRequest = (props, context) => {
     color: light
   }));
 };
+
 BattleRequest.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRightIcon","classnames","Link","Provider","Avatar","style","BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","card","borderColor","info","name","disciplineName","innerHTML","__html","start","arrow","contextTypes","childContextTypes","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,mCAAmC,IAAIC,cAAc,QAAO,0BAA0B;AAC9F,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,KAAI,gBAAgB,EAAEN,IAAI,CAAC;EAChD,MAAMO,KAAK,GAAG,KAAI,cAAc,EAAEP,IAAI,CAAC;EAEvC,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAmB,CAAC;EACrD,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAc,CAAC;EAE5C,oBACE,oBAAC,IAAI;IACH,aAAU,0BAA0B;IACpC,SAAS,EAAEJ,KAAK,CAACe,IAAK;IACtB,KAAK,EAAE;MACLC,WAAW,EAAEL;IACf,CAAE;IACF,IAAI,EAAED;EAAK,gBAEX,8CACE,oBAAC,MAAM;IAAC,GAAG,EAAED;EAAO,EAAG,CACnB,eACN;IAAK,SAAS,EAAET,KAAK,CAACiB;EAAK,gBACzB;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAK,GACxBZ,QAAQ,eACT,kCAAOO,cAAc,CAAQ,CACzB,eACN;IAAK,SAAS,EAAEb,KAAK,CAACO;EAAW,gBAC/B;IACE,SAAS,EAAEX,UAAU,CAACI,KAAK,CAACmB,cAAc,EAAEnB,KAAK,CAACoB,SAAS;IAC3D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAU;EAAE,EAC9C,eACF;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAM,GAAEA,KAAK,CAAO,CACtC,CACF,eACN;IAAK,SAAS,EAAER,KAAK,CAACsB;EAAM,GAAER,UAAU,CAAO,eAC/C,oBAAC,cAAc;IAAC,SAAS,EAAEd,KAAK,CAACuB,KAAM;IAAC,KAAK,EAAEX;EAAM,EAAG,CACnD;AAEX,CAAC;AAEDX,aAAa,CAACuB,YAAY,GAAG;EAC3BnB,IAAI,EAAEP,QAAQ,CAAC2B,iBAAiB,CAACpB,IAAI;EACrCD,SAAS,EAAEN,QAAQ,CAAC2B,iBAAiB,CAACrB;AACxC,CAAC;AAEDH,aAAa,CAACyB,SAAS,2CAAG;EACxBpB,QAAQ,EAAEb,SAAS,CAACkC,MAAM;EAC1BpB,UAAU,EAAEd,SAAS,CAACkC,MAAM;EAC5BnB,KAAK,EAAEf,SAAS,CAACkC,MAAM;EACvBlB,MAAM,EAAEhB,SAAS,CAACkC,MAAM;EACxBjB,IAAI,EAAEjB,SAAS,CAACkC;AAClB,CAAC;AAED,eAAe1B,aAAa"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRightIcon","classnames","Link","Provider","Avatar","style","BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","card","borderColor","info","name","disciplineName","innerHTML","__html","start","arrow","contextTypes","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,mCAAmC,IAAIC,cAA/C,QAAoE,0BAApE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,KAAI,gBAAJ,EAAsBN,IAAtB,CAArB;;EACA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBP,IAApB,CAAd;;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,oBAAC,IAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEJ,KAAK,CAACe,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEL;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,8CACE,oBAAC,MAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAET,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAtB,GACGZ,QADH,eAEE,kCAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEb,KAAK,CAACO;EAAtB,gBACE;IACE,SAAS,EAAEX,UAAU,CAACI,KAAK,CAACmB,cAAP,EAAuBnB,KAAK,CAACoB,SAA7B,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAER,KAAK,CAACsB;EAAtB,GAA8BR,UAA9B,CAzBF,eA0BE,oBAAC,cAAD;IAAgB,SAAS,EAAEd,KAAK,CAACuB,KAAjC;IAAwC,KAAK,EAAEX;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAACuB,YAAd,GAA6B;EAC3BnB,IAAI,EAAEP,QAAQ,CAAC2B,iBAAT,CAA2BpB,IADN;EAE3BD,SAAS,EAAEN,QAAQ,CAAC2B,iBAAT,CAA2BrB;AAFX,CAA7B;AAKAH,aAAa,CAACyB,SAAd,2CAA0B;EACxBpB,QAAQ,EAAEb,SAAS,CAACkC,MADI;EAExBpB,UAAU,EAAEd,SAAS,CAACkC,MAFE;EAGxBnB,KAAK,EAAEf,SAAS,CAACkC,MAHO;EAIxBlB,MAAM,EAAEhB,SAAS,CAACkC,MAJM;EAKxBjB,IAAI,EAAEjB,SAAS,CAACkC;AALQ,CAA1B;AAQA,eAAe1B,aAAf"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './description.css';
+
 const Description = (props, context) => {
   const {
     className,
@@ -18,6 +19,7 @@ const Description = (props, context) => {
     }
   }))) : null;
 };
+
 Description.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string,
   className: PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","names":["React","PropTypes","classnames","style","Description","props","context","className","description","descriptionWrapper","__html","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,mBAAmB;AAErC,MAAMC,WAAW,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtC,MAAM;IAACC,SAAS;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACtC,OAAOG,WAAW,gBAChB;IAAK,SAAS,EAAEN,UAAU,CAACC,KAAK,CAACM,kBAAkB,EAAEF,SAAS;EAAE,gBAC9D;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAY,gBAChC;IACE;IACA,uBAAuB,EAAE;MAACE,MAAM,EAAEF;IAAW;EAAE,EAC/C,CACE,CACF,GACJ,IAAI;AACV,CAAC;AAEDJ,WAAW,CAACO,SAAS,2CAAG;EACtBH,WAAW,EAAEP,SAAS,CAACW,MAAM;EAC7BL,SAAS,EAAEN,SAAS,CAACW;AACvB,CAAC;AACD,eAAeR,WAAW"}
+{"version":3,"file":"description.js","names":["React","PropTypes","classnames","style","Description","props","context","className","description","descriptionWrapper","__html","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,mBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAA2BH,KAAjC;EACA,OAAOG,WAAW,gBAChB;IAAK,SAAS,EAAEN,UAAU,CAACC,KAAK,CAACM,kBAAP,EAA2BF,SAA3B;EAA1B,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACE,MAAM,EAAEF;IAAT;EAF3B,EADF,CADF,CADgB,GASd,IATJ;AAUD,CAZD;;AAcAJ,WAAW,CAACO,SAAZ,2CAAwB;EACtBH,WAAW,EAAEP,SAAS,CAACW,MADD;EAEtBL,SAAS,EAAEN,SAAS,CAACW;AAFC,CAAxB;AAIA,eAAeR,WAAf"}

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

@@ -5,6 +5,7 @@ import Link from '../../atom/link';
 import Picture from '../../atom/picture';
 import Description from './description';
 import style from './style.css';
+
 const BrandCard = props => {
   const {
     title,
@@ -50,6 +51,7 @@ const BrandCard = props => {
     href: seeHref
   }, see))));
 };
+
 BrandCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   description: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidLoginLocked","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,oBAAoB,IAAIC,QAAQ,QAAO,0BAA0B;AACzE,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,EAAEX,KAAK,CAACa;EAAY,gBAChC,oBAAC,QAAQ;IAAC,SAAS,EAAEb,KAAK,CAACc,QAAS;IAAC,MAAM,EAAE;EAAG,EAAG,CAC/C,GACJ,IAAI;EACR,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACe;EAAQ,gBAC5B;IAAK,SAAS,EAAEf,KAAK,CAACS;EAAM,gBAC1B,oBAAC,OAAO;IAAC,SAAS,EAAET,KAAK,CAACgB,OAAQ;IAAC,GAAG,EAAEP;EAAM,EAAG,EAChDG,eAAe,eAChB,oBAAC,WAAW;IAAC,WAAW,EAAEF,WAAY;IAAC,SAAS,EAAEV,KAAK,CAACiB;EAAmB,EAAG,CAC1E,eACN;IAAK,SAAS,EAAEjB,KAAK,CAACkB,WAAY;IAAC,aAAY,QAAOf,KAAM;EAAE,gBAC5D,gCAAKA,KAAK,CAAM,eAChB;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAK,gBACzB,oBAAC,IAAI;IAAC,IAAI,EAAEC,QAAS;IAAC,OAAO,EAAEC,WAAY;IAAC,aAAY,QAAOH,KAAM;EAAE,GACpEC,IAAI,CACA,CACH,eACN;IAAK,SAAS,EAAEJ,KAAK,CAACO,GAAI;IAAC,aAAY,OAAMJ,KAAM;EAAE,gBACnD,oBAAC,IAAI;IAAC,MAAM,EAAC,QAAQ;IAAC,IAAI,EAAEK;EAAQ,GACjCD,GAAG,CACC,CACH,CACF,CACF;AAEV,CAAC;AAEDN,SAAS,CAACkB,SAAS,2CAAG;EACpBhB,KAAK,EAAET,SAAS,CAAC0B,MAAM,CAACC,UAAU;EAClCX,WAAW,EAAEhB,SAAS,CAAC0B,MAAM;EAC7BhB,IAAI,EAAEV,SAAS,CAAC0B,MAAM,CAACC,UAAU;EACjChB,QAAQ,EAAEX,SAAS,CAAC0B,MAAM;EAC1Bd,WAAW,EAAEZ,SAAS,CAAC4B,IAAI;EAC3Bf,GAAG,EAAEb,SAAS,CAAC0B,MAAM,CAACC,UAAU;EAChCb,OAAO,EAAEd,SAAS,CAAC0B,MAAM;EACzBX,KAAK,EAAEf,SAAS,CAAC0B,MAAM,CAACC,UAAU;EAClCV,WAAW,EAAEjB,SAAS,CAAC6B;AACzB,CAAC;AACD,eAAetB,SAAS"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidLoginLocked","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,oBAAoB,IAAIC,QAAhC,QAA+C,0BAA/C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,EAAEX,KAAK,CAACa;EAAtB,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEb,KAAK,CAACc,QAA3B;IAAqC,MAAM,EAAE;EAA7C,EADF,CADiC,GAI/B,IAJJ;EAKA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACe;EAAtB,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACS;EAAtB,gBACE,oBAAC,OAAD;IAAS,SAAS,EAAET,KAAK,CAACgB,OAA1B;IAAmC,GAAG,EAAEP;EAAxC,EADF,EAEGG,eAFH,eAGE,oBAAC,WAAD;IAAa,WAAW,EAAEF,WAA1B;IAAuC,SAAS,EAAEV,KAAK,CAACiB;EAAxD,EAHF,CADF,eAME;IAAK,SAAS,EAAEjB,KAAK,CAACkB,WAAtB;IAAmC,aAAY,QAAOf,KAAM;EAA5D,gBACE,gCAAKA,KAAL,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,OAAO,EAAEC,WAA/B;IAA4C,aAAY,QAAOH,KAAM;EAArE,GACGC,IADH,CADF,CAFF,eAOE;IAAK,SAAS,EAAEJ,KAAK,CAACO,GAAtB;IAA2B,aAAY,OAAMJ,KAAM;EAAnD,gBACE,oBAAC,IAAD;IAAM,MAAM,EAAC,QAAb;IAAsB,IAAI,EAAEK;EAA5B,GACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACkB,SAAV,2CAAsB;EACpBhB,KAAK,EAAET,SAAS,CAAC0B,MAAV,CAAiBC,UADJ;EAEpBX,WAAW,EAAEhB,SAAS,CAAC0B,MAFH;EAGpBhB,IAAI,EAAEV,SAAS,CAAC0B,MAAV,CAAiBC,UAHH;EAIpBhB,QAAQ,EAAEX,SAAS,CAAC0B,MAJA;EAKpBd,WAAW,EAAEZ,SAAS,CAAC4B,IALH;EAMpBf,GAAG,EAAEb,SAAS,CAAC0B,MAAV,CAAiBC,UANF;EAOpBb,OAAO,EAAEd,SAAS,CAAC0B,MAPC;EAQpBX,KAAK,EAAEf,SAAS,CAAC0B,MAAV,CAAiBC,UARJ;EASpBV,WAAW,EAAEjB,SAAS,CAAC6B;AATH,CAAtB;AAWA,eAAetB,SAAf"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const BrandCardCreate = props => {
   const {
     edit,
@@ -22,6 +23,7 @@ const BrandCardCreate = props => {
     href: editHref
   }, /*#__PURE__*/React.createElement("span", null, edit))));
 };
+
 BrandCardCreate.propTypes = process.env.NODE_ENV !== "production" ? {
   edit: PropTypes.string.isRequired,
   editHref: PropTypes.string.isRequired

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","BrandCardCreate","props","edit","editHref","wrapper","circle1","circle2","circle3","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAI;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAE9B,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAQ,gBAC5B;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAQ,EAAG,eACjC;IAAK,SAAS,EAAER,KAAK,CAACG;EAAK,gBACzB,oBAAC,IAAI;IAAC,aAAU,wBAAwB;IAAC,IAAI,EAAEC;EAAS,gBACtD,kCAAOD,IAAI,CAAQ,CACd,CACH,CACF;AAEV,CAAC;AAEDF,eAAe,CAACQ,SAAS,2CAAG;EAC1BN,IAAI,EAAEL,SAAS,CAACY,MAAM,CAACC,UAAU;EACjCP,QAAQ,EAAEN,SAAS,CAACY,MAAM,CAACC;AAC7B,CAAC;AACD,eAAeV,eAAe"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","BrandCardCreate","props","edit","editHref","wrapper","circle1","circle2","circle3","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAmBF,KAAzB;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAtB,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAER,KAAK,CAACG;EAAtB,gBACE,oBAAC,IAAD;IAAM,aAAU,wBAAhB;IAAyC,IAAI,EAAEC;EAA/C,gBACE,kCAAOD,IAAP,CADF,CADF,CAJF,CADF;AAYD,CAfD;;AAiBAF,eAAe,CAACQ,SAAhB,2CAA4B;EAC1BN,IAAI,EAAEL,SAAS,CAACY,MAAV,CAAiBC,UADG;EAE1BP,QAAQ,EAAEN,SAAS,CAACY,MAAV,CAAiBC;AAFD,CAA5B;AAIA,eAAeV,eAAf"}

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

@@ -4,6 +4,7 @@ import Button from '../../atom/button';
 import Loader from '../../atom/loader';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const BrandCreateForm = (props, context) => {
   const {
     title,
@@ -56,6 +57,7 @@ const BrandCreateForm = (props, context) => {
     onInput: handleChange
   }), field.label)), actionView));
 };
+
 BrandCreateForm.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Button","Loader","Provider","style","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","e","target","value","actionView","wait","loading","header","content","placeholder","label","contextTypes","childContextTypes","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":["React","useMemo","PropTypes","Button","Loader","Provider","style","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","e","target","value","actionView","wait","loading","header","content","placeholder","label","contextTypes","childContextTypes","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/es/molecule/brand-download-box/index.js

@@ -5,6 +5,7 @@ import { NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon } from '@co
 import Button from '../../atom/button';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const BrandDownloadBox = (props, context) => {
   const {
     title = '',
@@ -17,7 +18,9 @@ const BrandDownloadBox = (props, context) => {
   const {
     skin
   } = context;
+
   const negativeColor = _get('common.negative', skin);
+
   const type = warning ? /*#__PURE__*/React.createElement("div", {
     className: style.texts
   }, /*#__PURE__*/React.createElement(AlertIcon, {
@@ -45,6 +48,7 @@ const BrandDownloadBox = (props, context) => {
     submitValue: submitValue
   }));
 };
+
 BrandDownloadBox.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/brand-download-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertCircle","AlertIcon","Button","Provider","style","BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","texts","icon","titleTexts","wrapper","button","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} color={negativeColor} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,8CAA8C,IAAIC,SAAS,QAAO,0BAA0B;AAEpG,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAE;IAAEC,OAAO,GAAG,EAAE;IAAEC,WAAW,GAAG,EAAE;IAAEC,IAAI,GAAG,EAAE;IAAEC,OAAO;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGP,KAAK;EAChG,MAAM;IAACQ;EAAI,CAAC,GAAGP,OAAO;EACtB,MAAMQ,aAAa,GAAG,KAAI,iBAAiB,EAAED,IAAI,CAAC;EAElD,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAM,gBAC1B,oBAAC,SAAS;IAAC,SAAS,EAAEb,KAAK,CAACc,IAAK;IAAC,KAAK,EAAEH;EAAc,EAAG,eAC1D;IAAM,SAAS,EAAEX,KAAK,CAACK;EAAQ,GAAEA,OAAO,CAAQ,eAChD;IAAG,SAAS,EAAEL,KAAK,CAACM;EAAY,GAAEA,WAAW,CAAK,CAC9C,gBAEN;IAAK,SAAS,EAAEN,KAAK,CAACe;EAAW,gBAC/B;IAAM,SAAS,EAAEf,KAAK,CAACI;EAAM,GAAEA,KAAK,CAAQ,eAC5C;IAAG,SAAS,EAAEJ,KAAK,CAACM;EAAY,GAAEA,WAAW,CAAK,CAErD;EAED,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACgB;EAAQ,GAC3BJ,IAAI,eACL,oBAAC,MAAM;IACL,SAAS,EAAEZ,KAAK,CAACiB,MAAO;IACxB,IAAI,EAAC,MAAM;IACX,QAAQ;IACR,IAAI,EAAEV,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,WAAW,EAAEC;EAAY,EACzB,CACE;AAEV,CAAC;AAEDR,gBAAgB,CAACiB,YAAY,GAAG;EAC9BR,IAAI,EAAEX,QAAQ,CAACoB,iBAAiB,CAACT;AACnC,CAAC;AAEDT,gBAAgB,CAACmB,SAAS,2CAAG;EAC3BhB,KAAK,EAAET,SAAS,CAAC0B,MAAM;EACvBhB,OAAO,EAAEV,SAAS,CAAC0B,MAAM;EACzBf,WAAW,EAAEX,SAAS,CAAC0B,MAAM;EAC7Bd,IAAI,EAAEZ,SAAS,CAAC0B,MAAM;EACtBb,OAAO,EAAEb,SAAS,CAAC2B,IAAI;EACvBb,WAAW,EAAEd,SAAS,CAAC0B;AACzB,CAAC;AAED,eAAepB,gBAAgB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertCircle","AlertIcon","Button","Provider","style","BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","texts","icon","titleTexts","wrapper","button","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} color={negativeColor} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,8CAA8C,IAAIC,SAA1D,QAA0E,0BAA1E;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;;EACA,MAAMQ,aAAa,GAAG,KAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEb,KAAK,CAACc,IAA5B;IAAkC,KAAK,EAAEH;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEX,KAAK,CAACK;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEL,KAAK,CAACM;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEN,KAAK,CAACe;EAAtB,gBACE;IAAM,SAAS,EAAEf,KAAK,CAACI;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAEJ,KAAK,CAACM;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACgB;EAAtB,GACGJ,IADH,eAEE,oBAAC,MAAD;IACE,SAAS,EAAEZ,KAAK,CAACiB,MADnB;IAEE,IAAI,EAAC,MAFP;IAGE,QAAQ,MAHV;IAIE,IAAI,EAAEV,IAJR;IAKE,OAAO,EAAEC,OALX;IAME,WAAW,EAAEC;EANf,EAFF,CADF;AAaD,CA/BD;;AAiCAR,gBAAgB,CAACiB,YAAjB,GAAgC;EAC9BR,IAAI,EAAEX,QAAQ,CAACoB,iBAAT,CAA2BT;AADH,CAAhC;AAIAT,gBAAgB,CAACmB,SAAjB,2CAA6B;EAC3BhB,KAAK,EAAET,SAAS,CAAC0B,MADU;EAE3BhB,OAAO,EAAEV,SAAS,CAAC0B,MAFQ;EAG3Bf,WAAW,EAAEX,SAAS,CAAC0B,MAHI;EAI3Bd,IAAI,EAAEZ,SAAS,CAAC0B,MAJW;EAK3Bb,OAAO,EAAEb,SAAS,CAAC2B,IALQ;EAM3Bb,WAAW,EAAEd,SAAS,CAAC0B;AANI,CAA7B;AASA,eAAepB,gBAAf"}

package/es/molecule/brand-form-group/index.d.ts

@@ -56,6 +56,8 @@ declare namespace BrandFormGroup {
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
@@ -109,6 +111,7 @@ declare namespace BrandFormGroup {
             modified: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             title: PropTypes.Validator<string>;
@@ -188,6 +191,8 @@ declare namespace BrandFormGroup {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;
@@ -224,6 +229,7 @@ declare namespace BrandFormGroup {
                     modified: PropTypes.Requireable<boolean>;
                     error: PropTypes.Requireable<boolean>;
                     'aria-label': PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     title: PropTypes.Validator<string>;
@@ -328,6 +334,8 @@ declare namespace BrandFormGroup {
                     disabled: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                     description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
                     modified: PropTypes.Requireable<boolean>;
                     titlePosition: PropTypes.Requireable<string>;
                     theme: PropTypes.Requireable<string>;

package/es/molecule/brand-form-group/index.js

@@ -1,7 +1,9 @@
 import _snakeCase from "lodash/fp/snakeCase";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -32,62 +34,85 @@ const inputContainerStyle = {
   medium: style.mediumWidth,
   large: style.largeWidth
 };
+
 const buildInput = field => {
   const {
     type
   } = field;
+
   switch (type) {
     case 'autoComplete':
       return /*#__PURE__*/React.createElement(Autocomplete, field);
+
     case 'color':
       return /*#__PURE__*/React.createElement(InputColor, field);
+
     case 'readonly':
       return /*#__PURE__*/React.createElement(InputReadonly, field);
+
     case 'switch':
       return /*#__PURE__*/React.createElement(InputSwitch, field);
+
     case 'textarea':
       return /*#__PURE__*/React.createElement(InputTextarea, field);
+
     case 'html':
       return /*#__PURE__*/React.createElement(InputHTML, field);
+
     case 'doublestep':
       return /*#__PURE__*/React.createElement(InputDoublestep, field);
+
     case 'select':
       return /*#__PURE__*/React.createElement(Select, _extends({}, field, {
         theme: 'coorpmanager'
       }));
+
     case 'selectMultiple':
       return /*#__PURE__*/React.createElement(SelectMultiple, field);
+
     case 'checkbox':
       return /*#__PURE__*/React.createElement(InputCheckbox, field);
+
     case 'image':
       return /*#__PURE__*/React.createElement("div", {
         className: style.imageUploadContainer
       }, /*#__PURE__*/React.createElement(ImageUpload, field));
+
     case 'slider':
       return /*#__PURE__*/React.createElement(SetupSlider, field);
+
     case 'sections':
       return /*#__PURE__*/React.createElement(SetupSections, field);
+
     case 'text':
       return /*#__PURE__*/React.createElement(InputText, field);
+
     case 'downloadbox':
       return /*#__PURE__*/React.createElement(BrandDownloadBox, field);
+
     case 'uploadbox':
       return /*#__PURE__*/React.createElement(BrandUploadBox, field);
+
     case 'button':
     case 'link':
       return /*#__PURE__*/React.createElement(Button, field);
+
     case 'buttonLink':
       return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, field, {
         type: field.buttonType
       }));
+
     case 'roles':
       return /*#__PURE__*/React.createElement(Roles, field);
+
     case 'titleAndCheckBoxWrapper':
       return /*#__PURE__*/React.createElement(TitleAndCheckBoxWrapper, field);
+
     default:
       return /*#__PURE__*/React.createElement(InputText, field);
   }
 };
+
 const buildField = (field, index) => {
   const input = buildInput(field);
   const {
@@ -100,6 +125,7 @@ const buildField = (field, index) => {
     key: index
   }, input);
 };
+
 const BrandFormGroup = props => {
   const {
     title,
@@ -109,9 +135,11 @@ const BrandFormGroup = props => {
     fields = [],
     subtitleSize = 'standard'
   } = props;
+
   const fieldsList = _map.convert({
     cap: false
   })(buildField, fields);
+
   return /*#__PURE__*/React.createElement("div", {
     "data-name": `brand_form_group_${_snakeCase(title)}`,
     className: classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)
@@ -126,6 +154,7 @@ const BrandFormGroup = props => {
     className: fieldsLayout === 'grid' ? style.grid : null
   }, fieldsList));
 };
+
 BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,