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

package/es/molecule/empty-state-dashboard/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,oBAAoB;AAExC,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MAAM;EAC1BC,OAAO,EAAEL,SAAS,CAACI,MAAM;EACzBE,QAAQ,EAAEL,OAAO,CAACC,SAAS,CAACK,GAAG;EAC/BC,UAAU,EAAER,SAAS,CAACS,KAAK,CAAC;IAC1BC,IAAI,EAAEV,SAAS,CAACI,MAAM;IACtBO,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,SAAS,EAAEZ,SAAS,CAACI,MAAM;IAC3BS,QAAQ,EAAEb,SAAS,CAACI,MAAM;IAC1BU,IAAI,EAAEd,SAAS,CAACS,KAAK,CAAC;MACpBM,QAAQ,EAAEf,SAAS,CAACI,MAAM;MAC1BM,IAAI,EAAEV,SAAS,CAACI;IAClB,CAAC,CAAC;IACFY,OAAO,EAAEhB,SAAS,CAACiB;EACrB,CAAC;AACH,CAAC"}
+{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,UAAU,EAAER,SAAS,CAACS,KAAV,CAAgB;IAC1BC,IAAI,EAAEV,SAAS,CAACI,MADU;IAE1BO,KAAK,EAAEX,SAAS,CAACI,MAFS;IAG1BQ,SAAS,EAAEZ,SAAS,CAACI,MAHK;IAI1BS,QAAQ,EAAEb,SAAS,CAACI,MAJM;IAK1BU,IAAI,EAAEd,SAAS,CAACS,KAAV,CAAgB;MACpBM,QAAQ,EAAEf,SAAS,CAACI,MADA;MAEpBM,IAAI,EAAEV,SAAS,CAACI;IAFI,CAAhB,CALoB;IAS1BY,OAAO,EAAEhB,SAAS,CAACiB;EATO,CAAhB;AAJW,CAAlB"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/filters-wrapper.js"],"names":[],"mappings":";AAUA,sEA6DC"}
+{"version":3,"file":"filters-wrapper.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/filters-wrapper.js"],"names":[],"mappings":";AAUA,sEA+DC"}

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",
@@ -57,24 +65,32 @@ const FiltersWapper = (props, context) => {
           className: style.choice,
           key: idx
         }, /*#__PURE__*/React.createElement("p", {
+          id: `title-id-${idx}`,
           className: style.title
         }, filter.title), /*#__PURE__*/React.createElement("div", {
           className: style.toggle
-        }, /*#__PURE__*/React.createElement(InputSwitch, filter.display)));
+        }, /*#__PURE__*/React.createElement(InputSwitch, _extends({}, filter.display, {
+          "aria-labelledby": `titleId-${idx}`
+        }))));
+
       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":"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"}
+{"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 id={`title-id-${idx}`} className={style.title}>\n              {filter.title}\n            </p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} aria-labelledby={`titleId-${idx}`} />\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.d.ts

@@ -40,6 +40,7 @@ declare class Filters extends React.Component<any, any, any> {
             modified: PropTypes.Requireable<boolean>;
             error: PropTypes.Requireable<boolean>;
             'aria-label': PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
         }>>;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         onToggleFilters: PropTypes.Requireable<(...args: any[]) => any>;
@@ -47,6 +48,7 @@ declare class Filters extends React.Component<any, any, any> {
         moreSortAriaLabel: PropTypes.Requireable<string>;
         moreFilterAriaLabel: PropTypes.Requireable<string>;
         filterGroupAriaLabel: PropTypes.Requireable<string>;
+        sortAriaLabel: PropTypes.Requireable<string>;
     };
     static contextTypes: {
         skin: PropTypes.Requireable<PropTypes.InferProps<{

package/es/molecule/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA2FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}

package/es/molecule/filters/index.js

@@ -1,4 +1,7 @@
 import _get from "lodash/fp/get";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
@@ -6,6 +9,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 +21,7 @@ class Filters extends React.Component {
     this.handleOpenSort = this.handleOpenSort.bind(this);
     this.handleSearch = this.handleSearch.bind(this);
   }
+
   handleOpenFilter() {
     const {
       filter
@@ -29,10 +34,12 @@ class Filters extends React.Component {
       filter: newValue,
       sorted: false
     });
+
     if (onToggleFilters) {
       onToggleFilters(newValue);
     }
   }
+
   handleOpenSort() {
     const {
       sorted
@@ -47,6 +54,7 @@ class Filters extends React.Component {
     });
     if (onToggleSorts) onToggleSorts(newValue);
   }
+
   handleSearch() {
     const {
       onSearch
@@ -57,6 +65,7 @@ class Filters extends React.Component {
     });
     if (onSearch) onSearch();
   }
+
   render() {
     const {
       sorting,
@@ -67,7 +76,8 @@ class Filters extends React.Component {
       filters,
       moreFilterAriaLabel,
       moreSortAriaLabel,
-      filterGroupAriaLabel
+      filterGroupAriaLabel,
+      sortAriaLabel
     } = this.props;
     const {
       filter,
@@ -76,14 +86,19 @@ 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", {
       "data-name": "choice",
       className: style.select
-    }, /*#__PURE__*/React.createElement(Select, sorting)) : null;
+    }, /*#__PURE__*/React.createElement(Select, _extends({}, sorting, {
+      "aria-label": sortAriaLabel
+    }))) : null;
     return /*#__PURE__*/React.createElement("div", {
       "data-name": "search",
       className: style.search
@@ -141,7 +156,9 @@ class Filters extends React.Component {
       onClick: this.handleSearch
     }, sortCTALabel)));
   }
+
 }
+
 Filters.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -159,7 +176,8 @@ Filters.propTypes = process.env.NODE_ENV !== "production" ? {
   onToggleSorts: PropTypes.func,
   moreSortAriaLabel: PropTypes.string,
   moreFilterAriaLabel: PropTypes.string,
-  filterGroupAriaLabel: PropTypes.string
+  filterGroupAriaLabel: PropTypes.string,
+  sortAriaLabel: PropTypes.string
 } : {};
 export default Filters;
 //# sourceMappingURL=index.js.map

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","sortAriaLabel","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    sortAriaLabel: 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      sortAriaLabel\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} aria-label={sortAriaLabel} />\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":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,cAAP,MAA2B,mBAA3B;;AAEA,MAAMC,OAAN,SAAsBR,KAAK,CAACS,SAA5B,CAAsC;EAuBpCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MACXC,MAAM,EAAE,CAAC,CAACF,KAAK,CAACG,WADL;MAEXC,MAAM,EAAE,CAAC,CAACJ,KAAK,CAACK;IAFL,CAAb;IAIA,KAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;IACA,KAAKE,YAAL,GAAoB,KAAKA,YAAL,CAAkBF,IAAlB,CAAuB,IAAvB,CAApB;EACD;;EAEDD,gBAAgB,GAAG;IACjB,MAAM;MAACJ;IAAD,IAAW,KAAKD,KAAtB;IACA,MAAM;MAACS;IAAD,IAAoB,KAAKV,KAA/B;IAEA,MAAMW,QAAQ,GAAG,CAACT,MAAlB;IAEA,KAAKU,QAAL,CAAc;MACZV,MAAM,EAAES,QADI;MAEZP,MAAM,EAAE;IAFI,CAAd;;IAKA,IAAIM,eAAJ,EAAqB;MACnBA,eAAe,CAACC,QAAD,CAAf;IACD;EACF;;EAEDH,cAAc,GAAG;IACf,MAAM;MAACJ;IAAD,IAAW,KAAKH,KAAtB;IACA,MAAM;MAACY;IAAD,IAAkB,KAAKb,KAA7B;IAEA,MAAMW,QAAQ,GAAG,CAACP,MAAlB;IAEA,KAAKQ,QAAL,CAAc;MACZR,MAAM,EAAEO,QADI;MAEZT,MAAM,EAAE;IAFI,CAAd;IAKA,IAAIW,aAAJ,EAAmBA,aAAa,CAACF,QAAD,CAAb;EACpB;;EAEDF,YAAY,GAAG;IACb,MAAM;MAACK;IAAD,IAAa,KAAKd,KAAxB;IACA,KAAKY,QAAL,CAAc;MACZR,MAAM,EAAE,KADI;MAEZF,MAAM,EAAE;IAFI,CAAd;IAIA,IAAIY,QAAJ,EAAcA,QAAQ;EACvB;;EAEDC,MAAM,GAAG;IACP,MAAM;MACJC,OADI;MAEJC,cAFI;MAGJC,cAHI;MAIJC,YAJI;MAKJC,YALI;MAMJC,OANI;MAOJC,mBAPI;MAQJC,iBARI;MASJC,oBATI;MAUJC;IAVI,IAWF,KAAKzB,KAXT;IAYA,MAAM;MAACE,MAAD;MAASE;IAAT,IAAmB,KAAKH,KAA9B;IACA,MAAM;MAACyB;IAAD,IAAS,KAAKC,OAApB;;IAEA,MAAMC,YAAY,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAArB;;IACA,MAAMG,SAAS,GAAG,KAAI,aAAJ,EAAmBH,IAAnB,CAAlB;;IACA,MAAMI,aAAa,GAAG5B,MAAM,KAAK,IAAjC;IACA,MAAM6B,aAAa,GAAG3B,MAAM,KAAK,IAAjC;IAEA,MAAM4B,QAAQ,GACZhB,OAAO,KAAKiB,SAAZ,gBACE;MAAK,aAAU,QAAf;MAAwB,SAAS,EAAEtC,KAAK,CAACuC;IAAzC,gBACE,oBAAC,MAAD,eAAYlB,OAAZ;MAAqB,cAAYS;IAAjC,GADF,CADF,GAII,IALN;IAOA,oBACE;MAAK,aAAU,QAAf;MAAwB,SAAS,EAAE9B,KAAK,CAACwC;IAAzC,gBACE;MACE,aAAU,QADZ;MAEE,aAAWL,aAFb;MAGE,SAAS,EAAEA,aAAa,GAAGnC,KAAK,CAACyC,aAAT,GAAyBzC,KAAK,CAAC0C;IAHzD,gBAKE;MAAK,SAAS,EAAE1C,KAAK,CAAC2C,KAAtB;MAA6B,aAAU,cAAvC;MAAsD,OAAO,EAAE,KAAKhC;IAApE,GACGY,cADH,eAEE;MAAK,SAAS,EAAEvB,KAAK,CAAC4C;IAAtB,gBACE,oBAAC,SAAD;MAAW,KAAK,EAAEV,SAAlB;MAA6B,MAAM,EAAE,EAArC;MAAyC,cAAYP;IAArD,EADF,CAFF,CALF,CADF,eAaE;MACE,aAAU,QADZ;MAEE,aAAWS,aAFb;MAGE,SAAS,EAAEA,aAAa,GAAGpC,KAAK,CAAC6C,mBAAT,GAA+B7C,KAAK,CAAC8C;IAH/D,gBAKE;MAAK,SAAS,EAAE9C,KAAK,CAAC2C,KAAtB;MAA6B,aAAU,YAAvC;MAAoD,OAAO,EAAE,KAAK9B;IAAlE,GACGY,YADH,eAEE;MAAK,SAAS,EAAEzB,KAAK,CAAC4C;IAAtB,gBACE,oBAAC,SAAD;MAAW,KAAK,EAAEV,SAAlB;MAA6B,MAAM,EAAE,EAArC;MAAyC,cAAYN;IAArD,EADF,CAFF,CALF,CAbF,eAyBE;MACE,aAAU,eADZ;MAEE,SAAS,EAAEO,aAAa,GAAGnC,KAAK,CAAC+C,oBAAT,GAAgC/C,KAAK,CAACgD;IAFhE,gBAIE,oBAAC,cAAD;MACE,SAAS,EAAEhD,KAAK,CAACiD,OADnB;MAEE,OAAO,EAAEvB,OAFX;MAGE,oBAAoB,EAAEG;IAHxB,EAJF,eASE;MACE,aAAU,KADZ;MAEE,SAAS,EAAE7B,KAAK,CAACkD,SAFnB;MAGE,KAAK,EAAE;QACLC,eAAe,EAAElB;MADZ,CAHT;MAME,OAAO,EAAE,KAAKnB;IANhB,GAQGQ,cARH,CATF,CAzBF,eA6CE;MACE,aAAU,aADZ;MAEE,SAAS,EAAEc,aAAa,GAAGpC,KAAK,CAACoD,aAAT,GAAyBpD,KAAK,CAACqB;IAFzD,GAIGgB,QAJH,eAKE;MACE,aAAU,KADZ;MAEE,SAAS,EAAErC,KAAK,CAACkD,SAFnB;MAGE,KAAK,EAAE;QACLC,eAAe,EAAElB;MADZ,CAHT;MAME,OAAO,EAAE,KAAKnB;IANhB,GAQGU,YARH,CALF,CA7CF,CADF;EAgED;;AArKmC;;AAAhCtB,O,CAmBGmD,Y,GAAe;EACpBtB,IAAI,EAAEhC,QAAQ,CAACuD,iBAAT,CAA2BvB;AADb,C;AAnBlB7B,O,CACGqD,S,2CAAY;EACjBjC,cAAc,EAAE3B,SAAS,CAAC6D,MADT;EAEjBjC,cAAc,EAAE5B,SAAS,CAAC6D,MAFT;EAGjBhC,YAAY,EAAE7B,SAAS,CAAC6D,MAHP;EAIjB/B,YAAY,EAAE9B,SAAS,CAAC6D,MAJP;EAKjBhD,WAAW,EAAEb,SAAS,CAAC8D,IALN;EAMjB/C,SAAS,EAAEf,SAAS,CAAC8D,IANJ;EAOjB/B,OAAO,EAAEzB,cAAc,CAACsD,SAAf,CAAyB7B,OAPjB;EAQjBL,OAAO,EAAE1B,SAAS,CAAC+D,KAAV,CAAgB5D,MAAM,CAACyD,SAAvB,CARQ;EASjBpC,QAAQ,EAAExB,SAAS,CAACgE,IATH;EAUjB5C,eAAe,EAAEpB,SAAS,CAACgE,IAVV;EAWjBzC,aAAa,EAAEvB,SAAS,CAACgE,IAXR;EAYjB/B,iBAAiB,EAAEjC,SAAS,CAAC6D,MAZZ;EAajB7B,mBAAmB,EAAEhC,SAAS,CAAC6D,MAbd;EAcjB3B,oBAAoB,EAAElC,SAAS,CAAC6D,MAdf;EAejB1B,aAAa,EAAEnC,SAAS,CAAC6D;AAfR,C;AAuKrB,eAAetD,OAAf"}

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"}