@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/molecule/external-content-button/index.js

@@ -3,9 +3,11 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import { EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import style from './style.css';
+
 class ExternalContentButton extends React.Component {
   constructor(props, context) {
     super(props, context);
+
     this.handleClick = e => {
       e.stopPropagation();
       e.preventDefault();
@@ -15,6 +17,7 @@ class ExternalContentButton extends React.Component {
       onClick && onClick(e);
     };
   }
+
   render() {
     const {
       translate
@@ -48,7 +51,9 @@ class ExternalContentButton extends React.Component {
       className: style.description
     }, description));
   }
+
 }
+
 ExternalContentButton.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/external-content-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","EXTERNAL_CONTENT_ICONS","style","ExternalContentButton","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","icon","iconColor","color","button","header","backgroundColor","iconBackground","title","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,sBAAsB,QAAO,6BAA6B;AAElE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,SAASL,KAAK,CAACM,SAAS,CAAC;EAWlDC,WAAW,CAACC,KAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,KAAK,EAAEC,OAAO,CAAC;IAAC,KAGxBC,WAAW,GAAGC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAe,EAAE;MACnBD,CAAC,CAACE,cAAc,EAAE;MAClB,MAAM;QAACC;MAAO,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5BM,OAAO,IAAIA,OAAO,CAACH,CAAC,CAAC;IACvB,CAAC;EAPD;EASAI,MAAM,GAAG;IACP,MAAM;MAACC;IAAS,CAAC,GAAG,IAAI,CAACP,OAAO;IAChC,MAAM;MAACQ,IAAI;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACV,KAAK;IACtC,MAAMW,QAAQ,GAAGhB,sBAAsB,CAACc,IAAI,CAAC,CAACG,IAAI;IAClD,MAAMC,SAAS,GAAGlB,sBAAsB,CAACc,IAAI,CAAC,CAACK,KAAK;IACpD,oBACE;MAAK,OAAO,EAAE,IAAI,CAACZ,WAAY;MAAC,SAAS,EAAEN,KAAK,CAACmB;IAAO,gBACtD;MAAK,SAAS,EAAEnB,KAAK,CAACoB,MAAO;MAAC,KAAK,EAAE;QAACC,eAAe,EAAEJ;MAAS;IAAE,EAAG,eACrE;MAAK,SAAS,EAAEjB,KAAK,CAACsB,cAAe;MAAC,KAAK,EAAE;QAACD,eAAe,EAAEJ;MAAS;IAAE,gBACxE,oBAAC,QAAQ;MAAC,SAAS,EAAEjB,KAAK,CAACgB,IAAK;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,CACtD,eACN;MAAM,SAAS,EAAEhB,KAAK,CAACuB;IAAM,GAC1BV,IAAI,KAAK,OAAO,GAAGD,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DC,IAAI,KAAK,OAAO,GAAGD,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DC,IAAI,KAAK,SAAS,GAAGD,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,EAC/DC,IAAI,KAAK,SAAS,GAAGD,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,CAC3D,eACP;MAAM,SAAS,EAAEZ,KAAK,CAACc;IAAY,GAAEA,WAAW,CAAQ,CACpD;EAEV;AACF;AA3CMb,qBAAqB,CAOlBuB,YAAY,GAAG;EACpBZ,SAAS,EAAEd,QAAQ,CAAC2B,iBAAiB,CAACb;AACxC,CAAC;AATGX,qBAAqB,CAClByB,SAAS,2CAAG;EACjBb,IAAI,EAAEhB,SAAS,CAAC8B,MAAM;EACtBb,WAAW,EAAEjB,SAAS,CAAC8B,MAAM;EAC7BjB,OAAO,EAAEb,SAAS,CAAC+B;AACrB,CAAC;AAwCH,eAAe3B,qBAAqB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","EXTERNAL_CONTENT_ICONS","style","ExternalContentButton","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","icon","iconColor","color","button","header","backgroundColor","iconBackground","title","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,sBAAR,QAAqC,6BAArC;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAN,SAAoCL,KAAK,CAACM,SAA1C,CAAoD;EAWlDC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAI5BC,WAJ4B,GAIdC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAF;MACAD,CAAC,CAACE,cAAF;MACA,MAAM;QAACC;MAAD,IAAY,KAAKN,KAAvB;MACAM,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;IACD,CAT2B;EAE3B;;EASDI,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAc,KAAKP,OAAzB;IACA,MAAM;MAACQ,IAAD;MAAOC;IAAP,IAAsB,KAAKV,KAAjC;IACA,MAAMW,QAAQ,GAAGhB,sBAAsB,CAACc,IAAD,CAAtB,CAA6BG,IAA9C;IACA,MAAMC,SAAS,GAAGlB,sBAAsB,CAACc,IAAD,CAAtB,CAA6BK,KAA/C;IACA,oBACE;MAAK,OAAO,EAAE,KAAKZ,WAAnB;MAAgC,SAAS,EAAEN,KAAK,CAACmB;IAAjD,gBACE;MAAK,SAAS,EAAEnB,KAAK,CAACoB,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEJ;MAAlB;IAArC,EADF,eAEE;MAAK,SAAS,EAAEjB,KAAK,CAACsB,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEJ;MAAlB;IAA7C,gBACE,oBAAC,QAAD;MAAU,SAAS,EAAEjB,KAAK,CAACgB,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CAFF,eAKE;MAAM,SAAS,EAAEhB,KAAK,CAACuB;IAAvB,GACGV,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGC,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CALF,eAWE;MAAM,SAAS,EAAEZ,KAAK,CAACc;IAAvB,GAAqCA,WAArC,CAXF,CADF;EAeD;;AA1CiD;;AAA9Cb,qB,CAOGuB,Y,GAAe;EACpBZ,SAAS,EAAEd,QAAQ,CAAC2B,iBAAT,CAA2Bb;AADlB,C;AAPlBX,qB,CACGyB,S,2CAAY;EACjBb,IAAI,EAAEhB,SAAS,CAAC8B,MADC;EAEjBb,WAAW,EAAEjB,SAAS,CAAC8B,MAFN;EAGjBjB,OAAO,EAAEb,SAAS,CAAC+B;AAHF,C;AA4CrB,eAAe3B,qBAAf"}

package/es/molecule/external-content-viewer/index.js

@@ -13,6 +13,7 @@ const iframeStyle = {
   cockpit: style.iframeCockpit,
   mobile: style.iframe
 };
+
 function ExternalContentViewer(props) {
   const {
     url,
@@ -48,6 +49,7 @@ function ExternalContentViewer(props) {
     "data-name": "external-content-iframe"
   });
 }
+
 ExternalContentViewer.propTypes = process.env.NODE_ENV !== "production" ? {
   url: PropTypes.string.isRequired,
   backgroundImageUrl: PropTypes.string,

package/es/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,sBAAsB;AAC7C,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,cAAc;EAC7BC,OAAO,EAAEJ,KAAK,CAACK,qBAAqB;EACpCC,MAAM,EAAEN,KAAK,CAACG;AAChB,CAAC;AAED,MAAMI,WAAW,GAAG;EAClBL,OAAO,EAAEF,KAAK,CAACQ,MAAM;EACrBJ,OAAO,EAAEJ,KAAK,CAACS,aAAa;EAC5BH,MAAM,EAAEN,KAAK,CAACQ;AAChB,CAAC;AAED,SAASE,qBAAqB,CAACC,KAAK,EAAE;EACpC,MAAM;IAACC,GAAG;IAAEC,kBAAkB;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGJ,KAAK;EACtE,MAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAM,EAAEc,GAAG,CAAC;EACnC,MAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAC;EAEvF,OAAOf,UAAU,CAAC,OAAO,EAAEiB,WAAW,CAAC,gBACrC;IAAK,SAAS,EAAEb,mBAAmB,CAACc,IAAI;EAAE,gBACxC;IACE,SAAS,EAAEf,KAAK,CAACkB,SAAU;IAC3B,KAAK,EAAE;MAACC,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;IAAE;EAAE,EAC7E,eACF;IACE,SAAS,EAAEb,KAAK,CAACoB,OAAQ;IACzB,QAAQ;IACR,YAAY,EAAC,YAAY;IACzB,QAAQ,EAAC,EAAE;IACX,IAAI,EAAC,OAAO;IACZ,aAAU,0BAA0B;IACpC,OAAO,EAAC;EAAM,gBAEd;IAAQ,GAAG,EAAER,GAAI;IAAC,IAAI,EAAEE;EAAY,EAAG,CACjC,CACJ,gBAEN;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAQ,GAAGE,YAAY,GAAGL,GAAI;IACrD,WAAW,EAAE,CAAE;IACf,SAAS,EAAEL,WAAW,CAACQ,IAAI,CAAE;IAC7B,eAAe;IACf,aAAU;EAAyB,EAEtC;AACH;AAEAL,qBAAqB,CAACW,SAAS,2CAAG;EAChCT,GAAG,EAAEb,SAAS,CAACuB,MAAM,CAACC,UAAU;EAChCV,kBAAkB,EAAEd,SAAS,CAACuB,MAAM;EACpCR,WAAW,EAAEf,SAAS,CAACuB,MAAM;EAC7BP,IAAI,EAAEhB,SAAS,CAACuB;AAClB,CAAC;AAED,eAAeZ,qBAAqB"}
+{"version":3,"file":"index.js","names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,cADW;EAE1BC,OAAO,EAAEJ,KAAK,CAACK,qBAFW;EAG1BC,MAAM,EAAEN,KAAK,CAACG;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;EAClBL,OAAO,EAAEF,KAAK,CAACQ,MADG;EAElBJ,OAAO,EAAEJ,KAAK,CAACS,aAFG;EAGlBH,MAAM,EAAEN,KAAK,CAACQ;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;EACpC,MAAM;IAACC,GAAD;IAAMC,kBAAN;IAA0BC,WAA1B;IAAuCC,IAAI,GAAG;EAA9C,IAA2DJ,KAAjE;EACA,MAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAD,EAASc,GAAT,CAAtB;EACA,MAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;EAEA,OAAOf,UAAU,CAAC,OAAD,EAAUiB,WAAV,CAAV,gBACL;IAAK,SAAS,EAAEb,mBAAmB,CAACc,IAAD;EAAnC,gBACE;IACE,SAAS,EAAEf,KAAK,CAACkB,SADnB;IAEE,KAAK,EAAE;MAACC,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;IAAlE;EAFT,EADF,eAKE;IACE,SAAS,EAAEb,KAAK,CAACoB,OADnB;IAEE,QAAQ,MAFV;IAGE,YAAY,EAAC,YAHf;IAIE,QAAQ,EAAC,EAJX;IAKE,IAAI,EAAC,OALP;IAME,aAAU,0BANZ;IAOE,OAAO,EAAC;EAPV,gBASE;IAAQ,GAAG,EAAER,GAAb;IAAkB,IAAI,EAAEE;EAAxB,EATF,CALF,CADK,gBAmBL;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;IAEE,WAAW,EAAE,CAFf;IAGE,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;IAIE,eAAe,MAJjB;IAKE,aAAU;EALZ,EAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;EAChCT,GAAG,EAAEb,SAAS,CAACuB,MAAV,CAAiBC,UADU;EAEhCV,kBAAkB,EAAEd,SAAS,CAACuB,MAFE;EAGhCR,WAAW,EAAEf,SAAS,CAACuB,MAHS;EAIhCP,IAAI,EAAEhB,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf"}

package/es/molecule/feedback/index.js

@@ -1,12 +1,15 @@
 import _extend from "lodash/fp/extend";
 import _get from "lodash/fp/get";
 import _pipe from "lodash/fp/pipe";
+
 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';
 import ResourcePlayer, { TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO } from '../resource-player';
 import style from './style.css';
+
 const Feedback = (props, context) => {
   const {
     media,
@@ -15,9 +18,11 @@ const Feedback = (props, context) => {
     description,
     mode = 'default'
   } = props;
+
   const resource = media && media.type && _extends({}, media, _pipe(_get('src.0'), _extend({
     description: mediaDescription
   }))(media));
+
   return (resource || title || description ? /*#__PURE__*/React.createElement("div", {
     className: mode === 'scorm' ? style.feedbackContainerScorm : null
   }, /*#__PURE__*/React.createElement("div", {
@@ -26,8 +31,7 @@ const Feedback = (props, context) => {
     id: "feedback"
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.title, style.innerHTML),
-    "data-name": "title"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "title" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -36,8 +40,7 @@ const Feedback = (props, context) => {
     className: style.descWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.description, style.innerHTML),
-    "data-name": "description"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "description" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -47,14 +50,14 @@ const Feedback = (props, context) => {
     resource: resource
   }), /*#__PURE__*/React.createElement("div", {
     "data-name": "mediaDescription",
-    className: classnames(style.mediaDescription, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.mediaDescription, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: mediaDescription
     }
   })) : null))) : null) || null;
 };
+
 Feedback.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourcePlayer","TYPE_IMAGE","TYPE_VIDEO","TYPE_PDF","TYPE_AUDIO","style","Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","feedbackContainerScorm","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","string","shape","oneOf","src","arrayOf","any"],"sources":["../../../src/molecule/feedback/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || null\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.arrayOf(PropTypes.any)\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,IAAGC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,QAAO,oBAAoB;AAC/F,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACnC,MAAM;IAACC,KAAK;IAAEC,gBAAgB;IAAEC,KAAK;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGN,KAAK;EAC7E,MAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IAAI,iBACLN,KAAK,EACL,MAAK,KAAI,OAAO,CAAC,EAAE,QAAO;IAACG,WAAW,EAAEF;EAAgB,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CACtE;EAEH,OACE,CAACK,QAAQ,IAAIH,KAAK,IAAIC,WAAW,gBAC/B;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAO,GAAGR,KAAK,CAACW,sBAAsB,GAAG;EAAK,gBACrE;IAAK,SAAS,EAAEX,KAAK,CAACY,QAAS;IAAC,aAAU,UAAU;IAAC,EAAE,EAAC;EAAU,gBAChE;IACE,SAAS,EAAElB,UAAU,CAACM,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACa,SAAS,CAAE;IACpD,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAER;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEN,KAAK,CAACe;EAAY,gBAChC;IACE,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACO,WAAW,EAAEP,KAAK,CAACa,SAAS,CAAE;IAC1D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEP;IAAW;EAAE,EAC/C,EACDE,QAAQ,gBACP,8CACE,oBAAC,cAAc;IAAC,SAAS,EAAET,KAAK,CAACgB,cAAe;IAAC,QAAQ,EAAEP;EAAS,EAAG,eACvE;IACE,aAAU,kBAAkB;IAC5B,SAAS,EAAEf,UAAU,CAACM,KAAK,CAACK,gBAAgB,EAAEL,KAAK,CAACa,SAAS;IAC7D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAgB;EAAE,EACpD,CACE,GACJ,IAAI,CACJ,CACF,CACF,GACJ,IAAI,KAAK,IAAI;AAErB,CAAC;AAEDJ,QAAQ,CAACgB,SAAS,2CAAG;EACnBX,KAAK,EAAEb,SAAS,CAACyB,MAAM;EACvBX,WAAW,EAAEd,SAAS,CAACyB,MAAM;EAC7Bd,KAAK,EAAEX,SAAS,CAAC0B,KAAK,CAAC;IACrBT,IAAI,EAAEjB,SAAS,CAAC2B,KAAK,CAAC,CAACxB,UAAU,EAAEE,QAAQ,EAAED,UAAU,EAAEE,UAAU,CAAC,CAAC;IACrEsB,GAAG,EAAE5B,SAAS,CAAC6B,OAAO,CAAC7B,SAAS,CAAC8B,GAAG;EACtC,CAAC,CAAC;EACFlB,gBAAgB,EAAEZ,SAAS,CAACyB;AAC9B,CAAC;AAED,eAAejB,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourcePlayer","TYPE_IMAGE","TYPE_VIDEO","TYPE_PDF","TYPE_AUDIO","style","Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","feedbackContainerScorm","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","string","shape","oneOf","src","arrayOf","any"],"sources":["../../../src/molecule/feedback/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || null\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.arrayOf(PropTypes.any)\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,IAAwBC,UAAxB,EAAoCC,UAApC,EAAgDC,QAAhD,EAA0DC,UAA1D,QAA2E,oBAA3E;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACnC,MAAM;IAACC,KAAD;IAAQC,gBAAR;IAA0BC,KAA1B;IAAiCC,WAAjC;IAA8CC,IAAI,GAAG;EAArD,IAAkEN,KAAxE;;EACA,MAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IADS,iBAEVN,KAFU,EAGV,MAAK,KAAI,OAAJ,CAAL,EAAmB,QAAO;IAACG,WAAW,EAAEF;EAAd,CAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;EAMA,OACE,CAACK,QAAQ,IAAIH,KAAZ,IAAqBC,WAArB,gBACC;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBR,KAAK,CAACW,sBAAzB,GAAkD;EAAlE,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,QAAtB;IAAgC,aAAU,UAA1C;IAAqD,EAAE,EAAC;EAAxD,gBACE;IACE,SAAS,EAAElB,UAAU,CAACM,KAAK,CAACM,KAAP,EAAcN,KAAK,CAACa,SAApB,CADvB;IAEE,aAAU,OAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAER;IAAT;EAJ3B,EADF,eAOE;IAAK,SAAS,EAAEN,KAAK,CAACe;EAAtB,gBACE;IACE,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACO,WAAP,EAAoBP,KAAK,CAACa,SAA1B,CADvB;IAEE,aAAU,aAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEP;IAAT;EAJ3B,EADF,EAOGE,QAAQ,gBACP,8CACE,oBAAC,cAAD;IAAgB,SAAS,EAAET,KAAK,CAACgB,cAAjC;IAAiD,QAAQ,EAAEP;EAA3D,EADF,eAEE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAEf,UAAU,CAACM,KAAK,CAACK,gBAAP,EAAyBL,KAAK,CAACa,SAA/B,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAJ3B,EAFF,CADO,GAUL,IAjBN,CAPF,CADF,CADD,GA8BG,IA9BJ,KA8Ba,IA/Bf;AAiCD,CAzCD;;AA2CAJ,QAAQ,CAACgB,SAAT,2CAAqB;EACnBX,KAAK,EAAEb,SAAS,CAACyB,MADE;EAEnBX,WAAW,EAAEd,SAAS,CAACyB,MAFJ;EAGnBd,KAAK,EAAEX,SAAS,CAAC0B,KAAV,CAAgB;IACrBT,IAAI,EAAEjB,SAAS,CAAC2B,KAAV,CAAgB,CAACxB,UAAD,EAAaE,QAAb,EAAuBD,UAAvB,EAAmCE,UAAnC,CAAhB,CADe;IAErBsB,GAAG,EAAE5B,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,GAA5B;EAFgB,CAAhB,CAHY;EAOnBlB,gBAAgB,EAAEZ,SAAS,CAACyB;AAPT,CAArB;AAUA,eAAejB,QAAf"}

package/es/molecule/filters/filters-wrapper.js

@@ -1,6 +1,8 @@
 import _map from "lodash/fp/map";
 import _isEmpty from "lodash/fp/isEmpty";
+
 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';
@@ -9,17 +11,20 @@ import InputSwitch from '../../atom/input-switch';
 import RadioGroup from '../../atom/radio-group';
 import RangeSlider from '../../atom/range';
 import style from './filters-wapper.css';
+
 const FiltersWapper = (props, context) => {
   const {
     filters,
     className,
     filterGroupAriaLabel
   } = props;
+
   const buildFilter = (filter, idx) => {
     const {
       type,
       fieldName
     } = filter;
+
     switch (type) {
       case 'select':
         return /*#__PURE__*/React.createElement("div", {
@@ -28,6 +33,7 @@ const FiltersWapper = (props, context) => {
           className: style.choice,
           key: idx
         }, /*#__PURE__*/React.createElement(Select, filter));
+
       case 'radio':
         return /*#__PURE__*/React.createElement("div", {
           "data-name": "choice",
@@ -39,6 +45,7 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/React.createElement(RadioGroup, _extends({}, filter, {
           className: style.radioGroup
         })));
+
       case 'range':
         return /*#__PURE__*/React.createElement("div", {
           "data-name": "choice",
@@ -50,6 +57,7 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/React.createElement("p", {
           className: style.timerSubtitle
         }, filter.subtitle), /*#__PURE__*/React.createElement(RangeSlider, filter)));
+
       case 'switch':
         return /*#__PURE__*/React.createElement("div", {
           "data-name": "choice",
@@ -61,20 +69,25 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/React.createElement("div", {
           className: style.toggle
         }, /*#__PURE__*/React.createElement(InputSwitch, filter.display)));
+
       default:
         return null;
     }
   };
+
   const filtersList = _map.convert({
     cap: false
   })(buildFilter, filters);
+
   const emptyFilters = _isEmpty(filters);
+
   return /*#__PURE__*/React.createElement("form", null, /*#__PURE__*/React.createElement("div", {
     className: classnames(className, emptyFilters ? style.wrapperNone : style.wrapper),
     role: "group",
     "aria-label": filterGroupAriaLabel
   }, filtersList));
 };
+
 FiltersWapper.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   filters: PropTypes.arrayOf(PropTypes.shape({

package/es/molecule/filters/filters-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.js","names":["React","PropTypes","classnames","Select","InputSwitch","RadioGroup","RangeSlider","style","FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className, filterGroupAriaLabel} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,WAAW,MAAM,kBAAkB;AAC1C,OAAOC,KAAK,MAAM,sBAAsB;AAExC,MAAMC,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC,OAAO;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAGJ,KAAK;EAExD,MAAMK,WAAW,GAAG,CAACC,MAAM,EAAEC,GAAG,KAAK;IACnC,MAAM;MAACC,IAAI;MAAEC;IAAS,CAAC,GAAGH,MAAM;IAChC,QAAQE,IAAI;MACV,KAAK,QAAQ;QACX,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBC,SAAU;UAAC,SAAS,EAAEX,KAAK,CAACY,MAAO;UAAC,GAAG,EAAEH;QAAI,gBACrF,oBAAC,MAAM,EAAKD,MAAM,CAAI,CAClB;MAEV,KAAK,OAAO;QACV,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBG,SAAU;UAAC,SAAS,EAAEX,KAAK,CAACY,MAAO;UAAC,GAAG,EAAEH;QAAI,gBACrF;UAAG,SAAS,EAAET,KAAK,CAACa;QAAM,GAAEL,MAAM,CAACK,KAAK,CAAK,eAC7C,oBAAC,UAAU,eAAKL,MAAM;UAAE,SAAS,EAAER,KAAK,CAACc;QAAW,GAAG,CACnD;MAEV,KAAK,OAAO;QACV,oBACE;UACE,aAAU,QAAQ;UAClB,oBAAkBH,SAAU;UAC5B,SAAS,EAAEX,KAAK,CAACe,YAAa;UAC9B,GAAG,EAAEN;QAAI,gBAET,gDACE;UAAM,SAAS,EAAET,KAAK,CAACa;QAAM,GAAEL,MAAM,CAACK,KAAK,CAAQ,eACnD;UAAG,SAAS,EAAEb,KAAK,CAACgB;QAAc,GAAER,MAAM,CAACS,QAAQ,CAAK,eACxD,oBAAC,WAAW,EAAKT,MAAM,CAAI,CACrB,CACJ;MAEV,KAAK,QAAQ;QACX,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBG,SAAU;UAAC,SAAS,EAAEX,KAAK,CAACY,MAAO;UAAC,GAAG,EAAEH;QAAI,gBACrF;UAAG,SAAS,EAAET,KAAK,CAACa;QAAM,GAAEL,MAAM,CAACK,KAAK,CAAK,eAC7C;UAAK,SAAS,EAAEb,KAAK,CAACkB;QAAO,gBAC3B,oBAAC,WAAW,EAAKV,MAAM,CAACW,OAAO,CAAI,CAC/B,CACF;MAEV;QACE,OAAO,IAAI;IAAC;EAElB,CAAC;EAED,MAAMC,WAAW,GAAG,KAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAACf,WAAW,EAAEH,OAAO,CAAC;EACnE,MAAMmB,YAAY,GAAG,SAAQnB,OAAO,CAAC;EACrC,oBACE,+CACE;IACE,SAAS,EAAET,UAAU,CAACU,SAAS,EAAEkB,YAAY,GAAGvB,KAAK,CAACwB,WAAW,GAAGxB,KAAK,CAACyB,OAAO,CAAE;IACnF,IAAI,EAAC,OAAO;IACZ,cAAYnB;EAAqB,GAEhCc,WAAW,CACR,CACD;AAEX,CAAC;AAEDnB,aAAa,CAACyB,SAAS,2CAAG;EACxBrB,SAAS,EAAEX,SAAS,CAACiC,MAAM;EAC3BvB,OAAO,EAAEV,SAAS,CAACkC,OAAO,CACxBlC,SAAS,CAACmC,KAAK,CAAC;IACdnB,IAAI,EAAEhB,SAAS,CAACoC,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAACC,UAAU;IACxEpB,SAAS,EAAEjB,SAAS,CAACiC,MAAM,CAACI;EAC9B,CAAC,CAAC,CACH;EACDzB,oBAAoB,EAAEZ,SAAS,CAACiC;AAClC,CAAC;AACD,eAAe1B,aAAa"}
+{"version":3,"file":"filters-wrapper.js","names":["React","PropTypes","classnames","Select","InputSwitch","RadioGroup","RangeSlider","style","FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className, filterGroupAriaLabel} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":"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"}

package/es/molecule/filters/index.js

@@ -6,6 +6,7 @@ import Select from '../../atom/select';
 import Provider from '../../atom/provider';
 import style from './style.css';
 import FiltersWrapper from './filters-wrapper';
+
 class Filters extends React.Component {
   constructor(props) {
     super(props);
@@ -17,6 +18,7 @@ class Filters extends React.Component {
     this.handleOpenSort = this.handleOpenSort.bind(this);
     this.handleSearch = this.handleSearch.bind(this);
   }
+
   handleOpenFilter() {
     const {
       filter
@@ -29,10 +31,12 @@ class Filters extends React.Component {
       filter: newValue,
       sorted: false
     });
+
     if (onToggleFilters) {
       onToggleFilters(newValue);
     }
   }
+
   handleOpenSort() {
     const {
       sorted
@@ -47,6 +51,7 @@ class Filters extends React.Component {
     });
     if (onToggleSorts) onToggleSorts(newValue);
   }
+
   handleSearch() {
     const {
       onSearch
@@ -57,6 +62,7 @@ class Filters extends React.Component {
     });
     if (onSearch) onSearch();
   }
+
   render() {
     const {
       sorting,
@@ -76,8 +82,11 @@ class Filters extends React.Component {
     const {
       skin
     } = this.context;
+
     const defaultColor = _get('common.primary', skin);
+
     const darkColor = _get('common.dark', skin);
+
     const filtersActive = filter === true;
     const sortingActive = sorted === true;
     const sortView = sorting !== undefined ? /*#__PURE__*/React.createElement("div", {
@@ -141,7 +150,9 @@ class Filters extends React.Component {
       onClick: this.handleSearch
     }, sortCTALabel)));
   }
+
 }
+
 Filters.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","childContextTypes","propTypes","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","childContextTypes","propTypes","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}

package/es/molecule/forum/forum-comment/index.js

@@ -7,6 +7,7 @@ import { SrcPropType } from '../../../util/proptypes';
 import Provider from '../../../atom/provider';
 import Button from '../../../atom/button';
 import style from './style.css';
+
 const ForumComment = (props, context) => {
   const {
     translate,
@@ -22,8 +23,11 @@ const ForumComment = (props, context) => {
     newPost = false,
     profileAvatarAlt
   } = props;
+
   const primary = _get('common.primary', skin);
+
   const light = _get('common.light', skin);
+
   const avatarView = avatar ? /*#__PURE__*/React.createElement("div", {
     className: style.image
   }, /*#__PURE__*/React.createElement("img", {
@@ -58,6 +62,7 @@ const ForumComment = (props, context) => {
     disabled: textareaDisabled
   }))), button);
 };
+
 ForumComment.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

package/es/molecule/forum/forum-comment/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","Provider","Button","style","ForumComment","props","context","translate","skin","avatar","onPost","onChange","value","textareaDisabled","postDisabled","newPost","profileAvatarAlt","primary","light","avatarView","image","button","post","backgroundColor","disabledButton","container","wrapper","comment","contextTypes","childContextTypes","propTypes","string","func","bool"],"sources":["../../../../src/molecule/forum/forum-comment/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './style.css';\n\nconst ForumComment = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    avatar,\n    onPost,\n    onChange,\n    value,\n    textareaDisabled,\n    postDisabled,\n    newPost = false,\n    profileAvatarAlt\n  } = props;\n  const primary = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const avatarView = avatar ? (\n    <div className={style.image}>\n      <img src={avatar} alt={profileAvatarAlt} />\n    </div>\n  ) : null;\n\n  const button = (\n    <div className={style.post}>\n      <Button\n        type=\"link\"\n        onClick={!postDisabled ? onPost : noop}\n        disabled={postDisabled}\n        submitValue={translate('Post')}\n        style={{\n          backgroundColor: postDisabled ? light : primary\n        }}\n        className={postDisabled ? style.disabledButton : style.button}\n      />\n    </div>\n  );\n\n  return (\n    <div\n      data-name=\"forumComment\"\n      className={classnames(style.container, newPost ? style.newPost : null)}\n    >\n      <div className={classnames(style.wrapper, newPost ? style.newPost : null)}>\n        {avatarView}\n        <div className={style.comment}>\n          <textarea\n            placeholder={translate('Write something here')}\n            title={translate('Write something here')}\n            aria-label={translate('comment_aria_label')}\n            value={value}\n            onChange={onChange}\n            disabled={textareaDisabled}\n          />\n        </div>\n      </div>\n      {button}\n    </div>\n  );\n};\n\nForumComment.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumComment.propTypes = {\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  avatar: SrcPropType,\n  onChange: PropTypes.func,\n  onPost: PropTypes.func,\n  newPost: PropTypes.bool,\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool\n};\nexport default ForumComment;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,WAAW,QAAO,yBAAyB;AACnD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACC,SAAS;IAAEC;EAAI,CAAC,GAAGF,OAAO;EACjC,MAAM;IACJG,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,gBAAgB;IAChBC,YAAY;IACZC,OAAO,GAAG,KAAK;IACfC;EACF,CAAC,GAAGX,KAAK;EACT,MAAMY,OAAO,GAAG,KAAI,gBAAgB,EAAET,IAAI,CAAC;EAC3C,MAAMU,KAAK,GAAG,KAAI,cAAc,EAAEV,IAAI,CAAC;EAEvC,MAAMW,UAAU,GAAGV,MAAM,gBACvB;IAAK,SAAS,EAAEN,KAAK,CAACiB;EAAM,gBAC1B;IAAK,GAAG,EAAEX,MAAO;IAAC,GAAG,EAAEO;EAAiB,EAAG,CACvC,GACJ,IAAI;EAER,MAAMK,MAAM,gBACV;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAK,gBACzB,oBAAC,MAAM;IACL,IAAI,EAAC,MAAM;IACX,OAAO,EAAE,CAACR,YAAY,GAAGJ,MAAM,QAAQ;IACvC,QAAQ,EAAEI,YAAa;IACvB,WAAW,EAAEP,SAAS,CAAC,MAAM,CAAE;IAC/B,KAAK,EAAE;MACLgB,eAAe,EAAET,YAAY,GAAGI,KAAK,GAAGD;IAC1C,CAAE;IACF,SAAS,EAAEH,YAAY,GAAGX,KAAK,CAACqB,cAAc,GAAGrB,KAAK,CAACkB;EAAO,EAC9D,CAEL;EAED,oBACE;IACE,aAAU,cAAc;IACxB,SAAS,EAAEtB,UAAU,CAACI,KAAK,CAACsB,SAAS,EAAEV,OAAO,GAAGZ,KAAK,CAACY,OAAO,GAAG,IAAI;EAAE,gBAEvE;IAAK,SAAS,EAAEhB,UAAU,CAACI,KAAK,CAACuB,OAAO,EAAEX,OAAO,GAAGZ,KAAK,CAACY,OAAO,GAAG,IAAI;EAAE,GACvEI,UAAU,eACX;IAAK,SAAS,EAAEhB,KAAK,CAACwB;EAAQ,gBAC5B;IACE,WAAW,EAAEpB,SAAS,CAAC,sBAAsB,CAAE;IAC/C,KAAK,EAAEA,SAAS,CAAC,sBAAsB,CAAE;IACzC,cAAYA,SAAS,CAAC,oBAAoB,CAAE;IAC5C,KAAK,EAAEK,KAAM;IACb,QAAQ,EAAED,QAAS;IACnB,QAAQ,EAAEE;EAAiB,EAC3B,CACE,CACF,EACLQ,MAAM,CACH;AAEV,CAAC;AAEDjB,YAAY,CAACwB,YAAY,GAAG;EAC1BrB,SAAS,EAAEN,QAAQ,CAAC4B,iBAAiB,CAACtB,SAAS;EAC/CC,IAAI,EAAEP,QAAQ,CAAC4B,iBAAiB,CAACrB;AACnC,CAAC;AAEDJ,YAAY,CAAC0B,SAAS,2CAAG;EACvBlB,KAAK,EAAEd,SAAS,CAACiC,MAAM;EACvBf,gBAAgB,EAAElB,SAAS,CAACiC,MAAM;EAClCtB,MAAM,EAAET,WAAW;EACnBW,QAAQ,EAAEb,SAAS,CAACkC,IAAI;EACxBtB,MAAM,EAAEZ,SAAS,CAACkC,IAAI;EACtBjB,OAAO,EAAEjB,SAAS,CAACmC,IAAI;EACvBpB,gBAAgB,EAAEf,SAAS,CAACmC,IAAI;EAChCnB,YAAY,EAAEhB,SAAS,CAACmC;AAC1B,CAAC;AACD,eAAe7B,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","SrcPropType","Provider","Button","style","ForumComment","props","context","translate","skin","avatar","onPost","onChange","value","textareaDisabled","postDisabled","newPost","profileAvatarAlt","primary","light","avatarView","image","button","post","backgroundColor","disabledButton","container","wrapper","comment","contextTypes","childContextTypes","propTypes","string","func","bool"],"sources":["../../../../src/molecule/forum/forum-comment/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './style.css';\n\nconst ForumComment = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    avatar,\n    onPost,\n    onChange,\n    value,\n    textareaDisabled,\n    postDisabled,\n    newPost = false,\n    profileAvatarAlt\n  } = props;\n  const primary = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const avatarView = avatar ? (\n    <div className={style.image}>\n      <img src={avatar} alt={profileAvatarAlt} />\n    </div>\n  ) : null;\n\n  const button = (\n    <div className={style.post}>\n      <Button\n        type=\"link\"\n        onClick={!postDisabled ? onPost : noop}\n        disabled={postDisabled}\n        submitValue={translate('Post')}\n        style={{\n          backgroundColor: postDisabled ? light : primary\n        }}\n        className={postDisabled ? style.disabledButton : style.button}\n      />\n    </div>\n  );\n\n  return (\n    <div\n      data-name=\"forumComment\"\n      className={classnames(style.container, newPost ? style.newPost : null)}\n    >\n      <div className={classnames(style.wrapper, newPost ? style.newPost : null)}>\n        {avatarView}\n        <div className={style.comment}>\n          <textarea\n            placeholder={translate('Write something here')}\n            title={translate('Write something here')}\n            aria-label={translate('comment_aria_label')}\n            value={value}\n            onChange={onChange}\n            disabled={textareaDisabled}\n          />\n        </div>\n      </div>\n      {button}\n    </div>\n  );\n};\n\nForumComment.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumComment.propTypes = {\n  value: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  avatar: SrcPropType,\n  onChange: PropTypes.func,\n  onPost: PropTypes.func,\n  newPost: PropTypes.bool,\n  textareaDisabled: PropTypes.bool,\n  postDisabled: PropTypes.bool\n};\nexport default ForumComment;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,WAAR,QAA0B,yBAA1B;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IACJG,MADI;IAEJC,MAFI;IAGJC,QAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,YANI;IAOJC,OAAO,GAAG,KAPN;IAQJC;EARI,IASFX,KATJ;;EAUA,MAAMY,OAAO,GAAG,KAAI,gBAAJ,EAAsBT,IAAtB,CAAhB;;EACA,MAAMU,KAAK,GAAG,KAAI,cAAJ,EAAoBV,IAApB,CAAd;;EAEA,MAAMW,UAAU,GAAGV,MAAM,gBACvB;IAAK,SAAS,EAAEN,KAAK,CAACiB;EAAtB,gBACE;IAAK,GAAG,EAAEX,MAAV;IAAkB,GAAG,EAAEO;EAAvB,EADF,CADuB,GAIrB,IAJJ;EAMA,MAAMK,MAAM,gBACV;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAE,CAACR,YAAD,GAAgBJ,MAAhB,QAFX;IAGE,QAAQ,EAAEI,YAHZ;IAIE,WAAW,EAAEP,SAAS,CAAC,MAAD,CAJxB;IAKE,KAAK,EAAE;MACLgB,eAAe,EAAET,YAAY,GAAGI,KAAH,GAAWD;IADnC,CALT;IAQE,SAAS,EAAEH,YAAY,GAAGX,KAAK,CAACqB,cAAT,GAA0BrB,KAAK,CAACkB;EARzD,EADF,CADF;EAeA,oBACE;IACE,aAAU,cADZ;IAEE,SAAS,EAAEtB,UAAU,CAACI,KAAK,CAACsB,SAAP,EAAkBV,OAAO,GAAGZ,KAAK,CAACY,OAAT,GAAmB,IAA5C;EAFvB,gBAIE;IAAK,SAAS,EAAEhB,UAAU,CAACI,KAAK,CAACuB,OAAP,EAAgBX,OAAO,GAAGZ,KAAK,CAACY,OAAT,GAAmB,IAA1C;EAA1B,GACGI,UADH,eAEE;IAAK,SAAS,EAAEhB,KAAK,CAACwB;EAAtB,gBACE;IACE,WAAW,EAAEpB,SAAS,CAAC,sBAAD,CADxB;IAEE,KAAK,EAAEA,SAAS,CAAC,sBAAD,CAFlB;IAGE,cAAYA,SAAS,CAAC,oBAAD,CAHvB;IAIE,KAAK,EAAEK,KAJT;IAKE,QAAQ,EAAED,QALZ;IAME,QAAQ,EAAEE;EANZ,EADF,CAFF,CAJF,EAiBGQ,MAjBH,CADF;AAqBD,CAzDD;;AA2DAjB,YAAY,CAACwB,YAAb,GAA4B;EAC1BrB,SAAS,EAAEN,QAAQ,CAAC4B,iBAAT,CAA2BtB,SADZ;EAE1BC,IAAI,EAAEP,QAAQ,CAAC4B,iBAAT,CAA2BrB;AAFP,CAA5B;AAKAJ,YAAY,CAAC0B,SAAb,2CAAyB;EACvBlB,KAAK,EAAEd,SAAS,CAACiC,MADM;EAEvBf,gBAAgB,EAAElB,SAAS,CAACiC,MAFL;EAGvBtB,MAAM,EAAET,WAHe;EAIvBW,QAAQ,EAAEb,SAAS,CAACkC,IAJG;EAKvBtB,MAAM,EAAEZ,SAAS,CAACkC,IALK;EAMvBjB,OAAO,EAAEjB,SAAS,CAACmC,IANI;EAOvBpB,gBAAgB,EAAEf,SAAS,CAACmC,IAPL;EAQvBnB,YAAY,EAAEhB,SAAS,CAACmC;AARD,CAAzB;AAUA,eAAe7B,YAAf"}

package/es/molecule/forum/forum-post/index.js

@@ -8,6 +8,7 @@ import Provider from '../../../atom/provider';
 import Picture from '../../../atom/picture';
 import ForumComment from '../forum-comment';
 import style from './style.css';
+
 const ForumPost = (props, context) => {
   const {
     translate,
@@ -45,7 +46,9 @@ const ForumPost = (props, context) => {
     onModerate,
     onDelete
   } = props;
+
   const color = _get('common.primary', skin);
+
   const infoDeleted = translate('This message has been removed by its author');
   const answerLabel = translate('Answer');
   const editLabel = translate('Edit');
@@ -53,11 +56,13 @@ const ForumPost = (props, context) => {
   const rejectLabel = translate('Reject');
   const putBackLabel = translate('Put back');
   let messageClassName = style.message;
+
   if (deleted) {
     messageClassName = style.deletedMessage;
   } else if (showEditBox) {
     messageClassName = style.hiddenMessage;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "forumPost",
     id: `forum-post-${id || 'to-be-posted'}`,
@@ -132,6 +137,7 @@ const ForumPost = (props, context) => {
     onChange: onChangeAnswer
   })))));
 };
+
 ForumPost.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

package/es/molecule/forum/forum-post/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","PropTypes","SrcPropType","Provider","Picture","ForumComment","style","ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","deletedMessage","hiddenMessage","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","childContextTypes","propTypes","string","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    id,\n    author,\n    avatar,\n    avatarAlt,\n    profileAvatarAlt,\n    date,\n    message,\n    answer,\n    answerPostDisabled = false,\n    answerTextareaDisabled = false,\n    answerAvatar,\n    answerable = true,\n    editable = false,\n    rejectable = false,\n    mainPost = false,\n    rejected = false,\n    deleted = false,\n    edition,\n    editionPostDisabled = false,\n    editionTextareaDisabled = false,\n    showAnswerBox = false,\n    showEditBox = false,\n    onAnswer = identity,\n    onEdit = identity,\n    onPostAnswer = identity,\n    onPostEdition = identity,\n    onChangeAnswer = identity,\n    onChangeEdition = identity,\n    onModerate,\n    onDelete\n  } = props;\n  const color = get('common.primary', skin);\n\n  const infoDeleted = translate('This message has been removed by its author');\n  const answerLabel = translate('Answer');\n  const editLabel = translate('Edit');\n  const deleteLabel = translate('Delete');\n  const rejectLabel = translate('Reject');\n  const putBackLabel = translate('Put back');\n  let messageClassName = style.message;\n  if (deleted) {\n    messageClassName = style.deletedMessage;\n  } else if (showEditBox) {\n    messageClassName = style.hiddenMessage;\n  }\n\n  return (\n    <div\n      data-name=\"forumPost\"\n      id={`forum-post-${id || 'to-be-posted'}`}\n      className={classnames(\n        mainPost ? style.mainPost : null,\n        rejected ? style.rejected : style.post\n      )}\n    >\n      <div className={style.avatarWrapper}>\n        <div className={style.image}>\n          <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n        </div>\n        <span data-name=\"author\" className={style.author}>\n          {author}\n        </span>\n      </div>\n      <div className={style.content}>\n        <div>\n          <span className={style.date}>{date}</span>\n        </div>\n        <div className={style.body}>\n          <span\n            className={style.action}\n            onClick={onAnswer}\n            style={{\n              color,\n              display: answerable && !deleted && !rejected ? 'block' : 'none'\n            }}\n          >\n            {answerLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onEdit}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {editLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onDelete}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {deleteLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onModerate}\n            style={{\n              color,\n              display: rejectable ? 'block' : 'none'\n            }}\n          >\n            {rejected ? putBackLabel : rejectLabel}\n          </span>\n\n          <div className={messageClassName} role=\"status\">\n            {deleted ? infoDeleted : message}\n          </div>\n\n          <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={null}\n              profileAvatarAlt={profileAvatarAlt}\n              value={edition}\n              textareaDisabled={editionTextareaDisabled}\n              postDisabled={editionPostDisabled}\n              onPost={onPostEdition}\n              onChange={onChangeEdition}\n            />\n          </div>\n\n          <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={answerAvatar}\n              profileAvatarAlt={profileAvatarAlt}\n              textareaDisabled={answerTextareaDisabled}\n              postDisabled={answerPostDisabled}\n              value={answer}\n              onPost={onPostAnswer}\n              onChange={onChangeAnswer}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nForumPost.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n  id: PropTypes.string,\n  author: PropTypes.string,\n  avatarAlt: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func,\n  answerPostDisabled: PropTypes.bool,\n  answerTextareaDisabled: PropTypes.bool,\n  answerable: PropTypes.bool,\n  editable: PropTypes.bool,\n  rejectable: PropTypes.bool,\n  rejected: PropTypes.bool,\n  deleted: PropTypes.bool,\n  editionPostDisabled: PropTypes.bool,\n  editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classnames","PropTypes","SrcPropType","Provider","Picture","ForumComment","style","ForumPost","props","context","translate","skin","id","author","avatar","avatarAlt","profileAvatarAlt","date","message","answer","answerPostDisabled","answerTextareaDisabled","answerAvatar","answerable","editable","rejectable","mainPost","rejected","deleted","edition","editionPostDisabled","editionTextareaDisabled","showAnswerBox","showEditBox","onAnswer","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete","color","infoDeleted","answerLabel","editLabel","deleteLabel","rejectLabel","putBackLabel","messageClassName","deletedMessage","hiddenMessage","post","avatarWrapper","image","content","body","action","display","visible","contextTypes","childContextTypes","propTypes","string","bool","func"],"sources":["../../../../src/molecule/forum/forum-post/index.js"],"sourcesContent":["import React from 'react';\nimport {get, identity} from 'lodash/fp';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../../util/proptypes';\nimport Provider from '../../../atom/provider';\nimport Picture from '../../../atom/picture';\nimport ForumComment from '../forum-comment';\nimport style from './style.css';\n\nconst ForumPost = (props, context) => {\n  const {translate, skin} = context;\n  const {\n    id,\n    author,\n    avatar,\n    avatarAlt,\n    profileAvatarAlt,\n    date,\n    message,\n    answer,\n    answerPostDisabled = false,\n    answerTextareaDisabled = false,\n    answerAvatar,\n    answerable = true,\n    editable = false,\n    rejectable = false,\n    mainPost = false,\n    rejected = false,\n    deleted = false,\n    edition,\n    editionPostDisabled = false,\n    editionTextareaDisabled = false,\n    showAnswerBox = false,\n    showEditBox = false,\n    onAnswer = identity,\n    onEdit = identity,\n    onPostAnswer = identity,\n    onPostEdition = identity,\n    onChangeAnswer = identity,\n    onChangeEdition = identity,\n    onModerate,\n    onDelete\n  } = props;\n  const color = get('common.primary', skin);\n\n  const infoDeleted = translate('This message has been removed by its author');\n  const answerLabel = translate('Answer');\n  const editLabel = translate('Edit');\n  const deleteLabel = translate('Delete');\n  const rejectLabel = translate('Reject');\n  const putBackLabel = translate('Put back');\n  let messageClassName = style.message;\n  if (deleted) {\n    messageClassName = style.deletedMessage;\n  } else if (showEditBox) {\n    messageClassName = style.hiddenMessage;\n  }\n\n  return (\n    <div\n      data-name=\"forumPost\"\n      id={`forum-post-${id || 'to-be-posted'}`}\n      className={classnames(\n        mainPost ? style.mainPost : null,\n        rejected ? style.rejected : style.post\n      )}\n    >\n      <div className={style.avatarWrapper}>\n        <div className={style.image}>\n          <Picture src={avatar} className={style.avatar} alt={avatarAlt} />\n        </div>\n        <span data-name=\"author\" className={style.author}>\n          {author}\n        </span>\n      </div>\n      <div className={style.content}>\n        <div>\n          <span className={style.date}>{date}</span>\n        </div>\n        <div className={style.body}>\n          <span\n            className={style.action}\n            onClick={onAnswer}\n            style={{\n              color,\n              display: answerable && !deleted && !rejected ? 'block' : 'none'\n            }}\n          >\n            {answerLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onEdit}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {editLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onDelete}\n            style={{\n              color,\n              display: editable ? 'block' : 'none'\n            }}\n          >\n            {deleteLabel}\n          </span>\n\n          <span\n            className={style.action}\n            onClick={onModerate}\n            style={{\n              color,\n              display: rejectable ? 'block' : 'none'\n            }}\n          >\n            {rejected ? putBackLabel : rejectLabel}\n          </span>\n\n          <div className={messageClassName} role=\"status\">\n            {deleted ? infoDeleted : message}\n          </div>\n\n          <div className={`${style.edition} ${showEditBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={null}\n              profileAvatarAlt={profileAvatarAlt}\n              value={edition}\n              textareaDisabled={editionTextareaDisabled}\n              postDisabled={editionPostDisabled}\n              onPost={onPostEdition}\n              onChange={onChangeEdition}\n            />\n          </div>\n\n          <div className={`${style.answer} ${showAnswerBox ? style.visible : ''}`}>\n            <ForumComment\n              avatar={answerAvatar}\n              profileAvatarAlt={profileAvatarAlt}\n              textareaDisabled={answerTextareaDisabled}\n              postDisabled={answerPostDisabled}\n              value={answer}\n              onPost={onPostAnswer}\n              onChange={onChangeAnswer}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nForumPost.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nForumPost.propTypes = {\n  id: PropTypes.string,\n  author: PropTypes.string,\n  avatarAlt: PropTypes.string,\n  profileAvatarAlt: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func,\n  answerPostDisabled: PropTypes.bool,\n  answerTextareaDisabled: PropTypes.bool,\n  answerable: PropTypes.bool,\n  editable: PropTypes.bool,\n  rejectable: PropTypes.bool,\n  rejected: PropTypes.bool,\n  deleted: PropTypes.bool,\n  editionPostDisabled: PropTypes.bool,\n  editionTextareaDisabled: PropTypes.bool\n};\n\nexport default ForumPost;\n"],"mappings":"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"}