@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -2,19 +2,28 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _externalContent = require("../../util/external-content");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class ExternalContentButton extends _react.default.Component {
   static contextTypes = {
     translate: _provider.default.childContextTypes.translate
   };
+
   constructor(props, context) {
     super(props, context);
   }
+
   handleClick = e => {
     e.stopPropagation();
     e.preventDefault();
@@ -23,6 +32,7 @@ class ExternalContentButton extends _react.default.Component {
     } = this.props;
     onClick && onClick(e);
   };
+
   render() {
     const {
       translate
@@ -57,11 +67,14 @@ class ExternalContentButton extends _react.default.Component {
       className: _style.default.description
     }, description));
   }
+
 }
+
 ExternalContentButton.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.string,
   description: _propTypes.default.string,
   onClick: _propTypes.default.func
 } : {};
-var _default = exports.default = ExternalContentButton;
+var _default = ExternalContentButton;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_externalContent","_style","e","__esModule","default","ExternalContentButton","React","Component","contextTypes","translate","Provider","childContextTypes","constructor","props","context","handleClick","stopPropagation","preventDefault","onClick","render","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","createElement","className","style","button","header","backgroundColor","iconBackground","width","height","title","propTypes","process","env","NODE_ENV","PropTypes","string","func","_default","exports"],"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\n        onClick={this.handleClick}\n        className={style.button}\n        data-testid=\"external-content-button\"\n      >\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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ExternalContentButton","React","Component","contextTypes","translate","Provider","childContextTypes","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","propTypes","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\n        onClick={this.handleClick}\n        className={style.button}\n        data-testid=\"external-content-button\"\n      >\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;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,qBAAN,SAAoCC,cAAA,CAAMC,SAA1C,CAAoD;EAO/B,OAAZC,YAAY,GAAG;IACpBC,SAAS,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;EADlB,CAAH;;EAInBG,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;EACD;;EAEDC,WAAW,GAAGC,CAAC,IAAI;IACjBA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACA,MAAM;MAACC;IAAD,IAAY,KAAKN,KAAvB;IACAM,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;EACD,CALU;;EAOXI,MAAM,GAAG;IACP,MAAM;MAACX;IAAD,IAAc,KAAKK,OAAzB;IACA,MAAM;MAACO,IAAD;MAAOC;IAAP,IAAsB,KAAKT,KAAjC;IACA,MAAMU,QAAQ,GAAGC,uCAAA,CAAuBH,IAAvB,EAA6BI,IAA9C;IACA,MAAMC,SAAS,GAAGF,uCAAA,CAAuBH,IAAvB,EAA6BM,KAA/C;IACA,oBACE;MACE,OAAO,EAAE,KAAKZ,WADhB;MAEE,SAAS,EAAEa,cAAA,CAAMC,MAFnB;MAGE,eAAY;IAHd,gBAKE;MAAK,SAAS,EAAED,cAAA,CAAME,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEL;MAAlB;IAArC,EALF,eAME;MAAK,SAAS,EAAEE,cAAA,CAAMI,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEL;MAAlB;IAA7C,gBACE,6BAAC,QAAD;MAAU,SAAS,EAAEE,cAAA,CAAMH,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CANF,eASE;MAAM,SAAS,EAAEG,cAAA,CAAMK;IAAvB,GACGZ,IAAI,KAAK,OAAT,GAAmBZ,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGY,IAAI,KAAK,OAAT,GAAmBZ,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGY,IAAI,KAAK,SAAT,GAAqBZ,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGY,IAAI,KAAK,SAAT,GAAqBZ,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CATF,eAeE;MAAM,SAAS,EAAEmB,cAAA,CAAMN;IAAvB,GAAqCA,WAArC,CAfF,CADF;EAmBD;;AA9CiD;;AAA9CjB,qB,CACG6B,S,2CAAY;EACjBb,IAAI,EAAEc,kBAAA,CAAUC,MADC;EAEjBd,WAAW,EAAEa,kBAAA,CAAUC,MAFN;EAGjBjB,OAAO,EAAEgB,kBAAA,CAAUE;AAHF,C;eAgDNhC,qB"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _startsWith = _interopRequireDefault(require("lodash/fp/startsWith"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const podcastWrapperStyle = {
   default: _style.default.podcastWrapper,
   cockpit: _style.default.podcastWrapperCockpit,
@@ -18,6 +25,7 @@ const iframeStyle = {
   cockpit: _style.default.iframeCockpit,
   mobile: _style.default.iframe
 };
+
 function ExternalContentViewer(props) {
   const {
     url,
@@ -53,11 +61,13 @@ function ExternalContentViewer(props) {
     "data-name": "external-content-iframe"
   });
 }
+
 ExternalContentViewer.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string.isRequired,
   backgroundImageUrl: _propTypes.default.string,
   contentType: _propTypes.default.string,
   mode: _propTypes.default.string
 } : {};
-var _default = exports.default = ExternalContentViewer;
+var _default = ExternalContentViewer;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_startsWith","_includes","_propTypes","_style","e","__esModule","default","podcastWrapperStyle","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","startsWith","createElement","className","bgPodcast","backgroundImage","podcast","controls","controlsList","autoPlay","name","preload","src","type","frameBorder","allowFullScreen","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,mBAAmB,GAAG;EAC1BD,OAAO,EAAEE,cAAK,CAACC,cAAc;EAC7BC,OAAO,EAAEF,cAAK,CAACG,qBAAqB;EACpCC,MAAM,EAAEJ,cAAK,CAACC;AAChB,CAAC;AAED,MAAMI,WAAW,GAAG;EAClBP,OAAO,EAAEE,cAAK,CAACM,MAAM;EACrBJ,OAAO,EAAEF,cAAK,CAACO,aAAa;EAC5BH,MAAM,EAAEJ,cAAK,CAACM;AAChB,CAAC;AAED,SAASE,qBAAqBA,CAACC,KAAK,EAAE;EACpC,MAAM;IAACC,GAAG;IAAEC,kBAAkB;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGJ,KAAK;EACtE,MAAMK,KAAK,GAAG,IAAAC,iBAAQ,EAAC,MAAM,EAAEL,GAAG,CAAC;EACnC,MAAMM,YAAY,GAAG,6DAA6DN,GAAG,EAAE;EAEvF,OAAO,IAAAO,mBAAU,EAAC,OAAO,EAAEL,WAAW,CAAC,gBACrCvB,MAAA,CAAAS,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEpB,mBAAmB,CAACc,IAAI;EAAE,gBACxCxB,MAAA,CAAAS,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEnB,cAAK,CAACoB,SAAU;IAC3BpB,KAAK,EAAE;MAACqB,eAAe,EAAEV,kBAAkB,IAAI,OAAOA,kBAAkB;IAAG;EAAE,CAC9E,CAAC,eACFtB,MAAA,CAAAS,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEnB,cAAK,CAACsB,OAAQ;IACzBC,QAAQ;IACRC,YAAY,EAAC,YAAY;IACzBC,QAAQ,EAAC,EAAE;IACXC,IAAI,EAAC,OAAO;IACZ,aAAU,0BAA0B;IACpCC,OAAO,EAAC;EAAM,gBAEdtC,MAAA,CAAAS,OAAA,CAAAoB,aAAA;IAAQU,GAAG,EAAElB,GAAI;IAACmB,IAAI,EAAEjB;EAAY,CAAE,CACjC,CACJ,CAAC,gBAENvB,MAAA,CAAAS,OAAA,CAAAoB,aAAA;IACEU,GAAG,EAAEd,KAAK,IAAID,IAAI,KAAK,QAAQ,GAAGG,YAAY,GAAGN,GAAI;IACrDoB,WAAW,EAAE,CAAE;IACfX,SAAS,EAAEd,WAAW,CAACQ,IAAI,CAAE;IAC7BkB,eAAe;IACf,aAAU;EAAyB,CACpC,CACF;AACH;AAEAvB,qBAAqB,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChCzB,GAAG,EAAE0B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChC3B,kBAAkB,EAAEyB,kBAAS,CAACC,MAAM;EACpCzB,WAAW,EAAEwB,kBAAS,CAACC,MAAM;EAC7BxB,IAAI,EAAEuB,kBAAS,CAACC;AAClB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEaU,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","startsWith","bgPodcast","backgroundImage","podcast","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAEC,cAAA,CAAMC,cADW;EAE1BC,OAAO,EAAEF,cAAA,CAAMG,qBAFW;EAG1BC,MAAM,EAAEJ,cAAA,CAAMC;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;EAClBN,OAAO,EAAEC,cAAA,CAAMM,MADG;EAElBJ,OAAO,EAAEF,cAAA,CAAMO,aAFG;EAGlBH,MAAM,EAAEJ,cAAA,CAAMM;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,GAAG,IAAAC,iBAAA,EAAS,MAAT,EAAiBL,GAAjB,CAAd;EACA,MAAMM,YAAY,GAAI,6DAA4DN,GAAI,EAAtF;EAEA,OAAO,IAAAO,mBAAA,EAAW,OAAX,EAAoBL,WAApB,iBACL;IAAK,SAAS,EAAEd,mBAAmB,CAACe,IAAD;EAAnC,gBACE;IACE,SAAS,EAAEb,cAAA,CAAMkB,SADnB;IAEE,KAAK,EAAE;MAACC,eAAe,EAAER,kBAAkB,IAAK,OAAMA,kBAAmB;IAAlE;EAFT,EADF,eAKE;IACE,SAAS,EAAEX,cAAA,CAAMoB,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,EAAEV,GAAb;IAAkB,IAAI,EAAEE;EAAxB,EATF,CALF,CADK,gBAmBL;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BG,YAA7B,GAA4CN,GADnD;IAEE,WAAW,EAAE,CAFf;IAGE,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;IAIE,eAAe,MAJjB;IAKE,aAAU;EALZ,EAnBF;AA2BD;;AAEDL,qBAAqB,CAACa,SAAtB,2CAAkC;EAChCX,GAAG,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UADU;EAEhCb,kBAAkB,EAAEW,kBAAA,CAAUC,MAFE;EAGhCX,WAAW,EAAEU,kBAAA,CAAUC,MAHS;EAIhCV,IAAI,EAAES,kBAAA,CAAUC;AAJgB,CAAlC;eAOef,qB"}

package/lib/molecule/feedback/index.js

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extend2 = _interopRequireDefault(require("lodash/fp/extend"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _resourcePlayer = _interopRequireWildcard(require("../resource-player"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Feedback = (props, context) => {
   const {
     media,
@@ -21,8 +33,7 @@ const Feedback = (props, context) => {
     description,
     mode = 'default'
   } = props;
-  const resource = media && media.type && {
-    ...media,
+  const resource = media && media.type && { ...media,
     ...(0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
       description: mediaDescription
     }))(media)
@@ -35,8 +46,7 @@ const Feedback = (props, context) => {
     id: "feedback"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML),
-    "data-name": "title"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "title" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -45,8 +55,7 @@ const Feedback = (props, context) => {
     className: _style.default.descWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),
-    "data-name": "description"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "description" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -56,14 +65,14 @@ const Feedback = (props, context) => {
     resource: resource
   }), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "mediaDescription",
-    className: (0, _classnames.default)(_style.default.mediaDescription, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.mediaDescription, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: mediaDescription
     }
   })) : null))) : null) || null;
 };
+
 Feedback.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,
@@ -73,5 +82,6 @@ Feedback.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   mediaDescription: _propTypes.default.string
 } : {};
-var _default = exports.default = Feedback;
+var _default = Feedback;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_resourcePlayer","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","_pipe2","_get2","_extend2","createElement","className","style","feedbackContainerScorm","feedback","id","classnames","innerHTML","dangerouslySetInnerHTML","__html","descWrapper","resourcePlayer","propTypes","process","env","NODE_ENV","PropTypes","string","shape","oneOf","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","src","arrayOf","any","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","style","feedbackContainerScorm","feedback","classnames","innerHTML","__html","descWrapper","resourcePlayer","propTypes","PropTypes","string","shape","oneOf","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","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;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,IACD,EACZ,GAAGN,KADS;IAEZ,GAAG,oBAAK,mBAAI,OAAJ,CAAL,EAAmB,sBAAO;MAACG,WAAW,EAAEF;IAAd,CAAP,CAAnB,EAA4DD,KAA5D;EAFS,CADhB;EAMA,OACE,CAACK,QAAQ,IAAIH,KAAZ,IAAqBC,WAArB,gBACC;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBG,cAAA,CAAMC,sBAAzB,GAAkD;EAAlE,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME,QAAtB;IAAgC,aAAU,UAA1C;IAAqD,EAAE,EAAC;EAAxD,gBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,cAAA,CAAML,KAAjB,EAAwBK,cAAA,CAAMI,SAA9B,CADb;IAEE,aAAU,OAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAT;EAJ3B,EADF,eAOE;IAAK,SAAS,EAAEK,cAAA,CAAMM;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAH,mBAAA,EAAWH,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMI,SAApC,CADb;IAEE,aAAU,aAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAJ3B,EADF,EAOGE,QAAQ,gBACP,uDACE,6BAAC,uBAAD;IAAgB,SAAS,EAAEE,cAAA,CAAMO,cAAjC;IAAiD,QAAQ,EAAET;EAA3D,EADF,eAEE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAE,IAAAK,mBAAA,EAAWH,cAAA,CAAMN,gBAAjB,EAAmCM,cAAA,CAAMI,SAAzC,CAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EAFF,CADO,GAUL,IAjBN,CAPF,CADF,CADD,GA8BG,IA9BJ,KA8Ba,IA/Bf;AAiCD,CAzCD;;AA2CAJ,QAAQ,CAACkB,SAAT,2CAAqB;EACnBb,KAAK,EAAEc,kBAAA,CAAUC,MADE;EAEnBd,WAAW,EAAEa,kBAAA,CAAUC,MAFJ;EAGnBjB,KAAK,EAAEgB,kBAAA,CAAUE,KAAV,CAAgB;IACrBZ,IAAI,EAAEU,kBAAA,CAAUG,KAAV,CAAgB,CAACC,0BAAD,EAAaC,wBAAb,EAAuBC,0BAAvB,EAAmCC,0BAAnC,CAAhB,CADe;IAErBC,GAAG,EAAER,kBAAA,CAAUS,OAAV,CAAkBT,kBAAA,CAAUU,GAA5B;EAFgB,CAAhB,CAHY;EAOnBzB,gBAAgB,EAAEe,kBAAA,CAAUC;AAPT,CAArB;eAUepB,Q"}

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

@@ -2,29 +2,44 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _radioGroup = _interopRequireDefault(require("../../atom/radio-group"));
+
 var _range = _interopRequireDefault(require("../../atom/range"));
+
 var _filtersWapper = _interopRequireDefault(require("./filters-wapper.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const FiltersWapper = (props, context) => {
   const {
     filters,
     className,
     filterGroupAriaLabel
   } = props;
+
   const buildFilter = (filter, idx) => {
     const {
       type,
       fieldName
     } = filter;
+
     switch (type) {
       case 'select':
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -33,6 +48,7 @@ const FiltersWapper = (props, context) => {
           className: _filtersWapper.default.choice,
           key: idx
         }, /*#__PURE__*/_react.default.createElement(_select.default, filter));
+
       case 'radio':
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-name": "choice",
@@ -44,6 +60,7 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/_react.default.createElement(_radioGroup.default, _extends({}, filter, {
           className: _filtersWapper.default.radioGroup
         })));
+
       case 'range':
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-name": "choice",
@@ -55,6 +72,7 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/_react.default.createElement("p", {
           className: _filtersWapper.default.timerSubtitle
         }, filter.subtitle), /*#__PURE__*/_react.default.createElement(_range.default, filter)));
+
       case 'switch':
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-name": "choice",
@@ -69,13 +87,16 @@ const FiltersWapper = (props, context) => {
           id: `title-id-${idx}`,
           className: _filtersWapper.default.switchTitle
         }, filter.title));
+
       default:
         return null;
     }
   };
+
   const filtersList = _map2.default.convert({
     cap: false
   })(buildFilter, filters);
+
   const emptyFilters = (0, _isEmpty2.default)(filters);
   return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, emptyFilters ? _filtersWapper.default.wrapperNone : _filtersWapper.default.wrapper),
@@ -83,6 +104,7 @@ const FiltersWapper = (props, context) => {
     "aria-label": filterGroupAriaLabel
   }, filtersList));
 };
+
 FiltersWapper.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   filters: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -91,5 +113,6 @@ FiltersWapper.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   filterGroupAriaLabel: _propTypes.default.string
 } : {};
-var _default = exports.default = FiltersWapper;
+var _default = FiltersWapper;
+exports.default = _default;
 //# sourceMappingURL=filters-wrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_select","_inputSwitch","_radioGroup","_range","_filtersWapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","createElement","style","choice","key","title","radioGroup","timerWrapper","timerSubtitle","subtitle","classnames","switchContainer","toggle","display","id","switchTitle","filtersList","_map2","convert","cap","emptyFilters","_isEmpty2","wrapperNone","wrapper","role","propTypes","process","env","NODE_ENV","PropTypes","string","arrayOf","shape","oneOf","isRequired","_default","exports"],"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\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={classnames(style.choice, style.switchContainer)}\n            key={idx}\n          >\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} aria-labelledby={`title-id-${idx}`} />\n            </div>\n            <label id={`title-id-${idx}`} className={style.switchTitle}>\n              {filter.title}\n            </label>\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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","ignoreList":[]}
+{"version":3,"file":"filters-wrapper.js","names":["FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","style","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","classnames","switchContainer","toggle","display","switchTitle","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","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\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={classnames(style.choice, style.switchContainer)}\n            key={idx}\n          >\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} aria-labelledby={`title-id-${idx}`} />\n            </div>\n            <label id={`title-id-${idx}`} className={style.switchTitle}>\n              {filter.title}\n            </label>\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/lib/molecule/filters/index.js

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _filtersWrapper = _interopRequireDefault(require("./filters-wrapper"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 class Filters extends _react.default.Component {
   static contextTypes = {
     skin: _provider.default.childContextTypes.skin
   };
+
   constructor(props) {
     super(props);
     this.state = {
@@ -26,6 +38,7 @@ class Filters extends _react.default.Component {
     this.handleOpenSort = this.handleOpenSort.bind(this);
     this.handleSearch = this.handleSearch.bind(this);
   }
+
   handleOpenFilter() {
     const {
       filter
@@ -38,10 +51,12 @@ class Filters extends _react.default.Component {
       filter: newValue,
       sorted: false
     });
+
     if (onToggleFilters) {
       onToggleFilters(newValue);
     }
   }
+
   handleOpenSort() {
     const {
       sorted
@@ -56,6 +71,7 @@ class Filters extends _react.default.Component {
     });
     if (onToggleSorts) onToggleSorts(newValue);
   }
+
   handleSearch() {
     const {
       onSearch
@@ -66,6 +82,7 @@ class Filters extends _react.default.Component {
     });
     if (onSearch) onSearch();
   }
+
   render() {
     const {
       sorting,
@@ -157,7 +174,9 @@ class Filters extends _react.default.Component {
       onClick: this.handleSearch
     }, sortCTALabel)));
   }
+
 }
+
 Filters.propTypes = process.env.NODE_ENV !== "production" ? {
   filterCTALabel: _propTypes.default.string,
   filterTabLabel: _propTypes.default.string,
@@ -175,5 +194,6 @@ Filters.propTypes = process.env.NODE_ENV !== "production" ? {
   filterGroupAriaLabel: _propTypes.default.string,
   sortAriaLabel: _propTypes.default.string
 } : {};
-var _default = exports.default = Filters;
+var _default = Filters;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"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 style={{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 style={{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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA+C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAE/C,MAAMO,OAAO,SAASC,cAAK,CAACC,SAAS,CAAC;EAmBpC,OAAOC,YAAY,GAAG;IACpBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;EACnC,CAAC;EAEDG,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACXC,MAAM,EAAE,CAAC,CAACF,KAAK,CAACG,WAAW;MAC3BC,MAAM,EAAE,CAAC,CAACJ,KAAK,CAACK;IAClB,CAAC;IACD,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACvB,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACwB,cAAc,GAAG,IAAI,CAACA,cAAc,CAACxB,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,CAACyB,YAAY,GAAG,IAAI,CAACA,YAAY,CAACzB,IAAI,CAAC,IAAI,CAAC;EAClD;EAEAuB,gBAAgBA,CAAA,EAAG;IACjB,MAAM;MAACJ;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC3B,MAAM;MAACQ;IAAe,CAAC,GAAG,IAAI,CAACT,KAAK;IAEpC,MAAMU,QAAQ,GAAG,CAACR,MAAM;IAExB,IAAI,CAACS,QAAQ,CAAC;MACZT,MAAM,EAAEQ,QAAQ;MAChBN,MAAM,EAAE;IACV,CAAC,CAAC;IAEF,IAAIK,eAAe,EAAE;MACnBA,eAAe,CAACC,QAAQ,CAAC;IAC3B;EACF;EAEAH,cAAcA,CAAA,EAAG;IACf,MAAM;MAACH;IAAM,CAAC,GAAG,IAAI,CAACH,KAAK;IAC3B,MAAM;MAACW;IAAa,CAAC,GAAG,IAAI,CAACZ,KAAK;IAElC,MAAMU,QAAQ,GAAG,CAACN,MAAM;IAExB,IAAI,CAACO,QAAQ,CAAC;MACZP,MAAM,EAAEM,QAAQ;MAChBR,MAAM,EAAE;IACV,CAAC,CAAC;IAEF,IAAIU,aAAa,EAAEA,aAAa,CAACF,QAAQ,CAAC;EAC5C;EAEAF,YAAYA,CAAA,EAAG;IACb,MAAM;MAACK;IAAQ,CAAC,GAAG,IAAI,CAACb,KAAK;IAC7B,IAAI,CAACW,QAAQ,CAAC;MACZP,MAAM,EAAE,KAAK;MACbF,MAAM,EAAE;IACV,CAAC,CAAC;IACF,IAAIW,QAAQ,EAAEA,QAAQ,CAAC,CAAC;EAC1B;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,OAAO;MACPC,cAAc;MACdC,cAAc;MACdC,YAAY;MACZC,YAAY;MACZC,OAAO;MACPC,mBAAmB;MACnBC,iBAAiB;MACjBC,oBAAoB;MACpBC;IACF,CAAC,GAAG,IAAI,CAACxB,KAAK;IACd,MAAM;MAACE,MAAM;MAAEE;IAAM,CAAC,GAAG,IAAI,CAACH,KAAK;IACnC,MAAM;MAACL;IAAI,CAAC,GAAG,IAAI,CAAC6B,OAAO;IAE3B,MAAMC,YAAY,GAAG,IAAAC,KAAA,CAAAhD,OAAA,EAAI,gBAAgB,EAAEiB,IAAI,CAAC;IAChD,MAAMgC,SAAS,GAAG,IAAAD,KAAA,CAAAhD,OAAA,EAAI,aAAa,EAAEiB,IAAI,CAAC;IAC1C,MAAMiC,aAAa,GAAG3B,MAAM,KAAK,IAAI;IACrC,MAAM4B,aAAa,GAAG1B,MAAM,KAAK,IAAI;IAErC,MAAM2B,QAAQ,GACZhB,OAAO,KAAKiB,SAAS,gBACnBhE,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MAAK,aAAU,QAAQ;MAACC,SAAS,EAAEC,cAAK,CAACC;IAAO,gBAC9CpE,MAAA,CAAAW,OAAA,CAAAsD,aAAA,CAAC5D,OAAA,CAAAM,OAAM,EAAAC,QAAA,KAAKmC,OAAO;MAAE,cAAYS;IAAc,EAAE,CAC9C,CAAC,GACJ,IAAI;IAEV,oBACExD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MAAK,aAAU,QAAQ;MAACC,SAAS,EAAEC,cAAK,CAACE;IAAO,gBAC9CrE,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MACE,aAAU,QAAQ;MAClB,aAAWJ,aAAc;MACzBK,SAAS,EAAEL,aAAa,GAAGM,cAAK,CAACG,aAAa,GAAGH,cAAK,CAACxD;IAAQ,gBAE/DX,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACI,KAAM;MAAC,aAAU,cAAc;MAACC,OAAO,EAAE,IAAI,CAAClC;IAAiB,GAClFW,cAAc,eACfjD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACM;IAAM,gBAC1BzE,MAAA,CAAAW,OAAA,CAAAsD,aAAA,CAAC7D,UAAA,CAAAsE,kCAAS;MAACP,KAAK,EAAE;QAACQ,KAAK,EAAEf;MAAS,CAAE;MAACgB,MAAM,EAAE,EAAG;MAAC,cAAYvB;IAAoB,CAAE,CACjF,CACF,CACF,CAAC,eACNrD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MACE,aAAU,QAAQ;MAClB,aAAWH,aAAc;MACzBI,SAAS,EAAEJ,aAAa,GAAGK,cAAK,CAACU,mBAAmB,GAAGV,cAAK,CAACW;IAAc,gBAE3E9E,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACI,KAAM;MAAC,aAAU,YAAY;MAACC,OAAO,EAAE,IAAI,CAACjC;IAAe,GAC9EY,YAAY,eACbnD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACM;IAAM,gBAC1BzE,MAAA,CAAAW,OAAA,CAAAsD,aAAA,CAAC7D,UAAA,CAAAsE,kCAAS;MAACP,KAAK,EAAE;QAACQ,KAAK,EAAEf;MAAS,CAAE;MAACgB,MAAM,EAAE,EAAG;MAAC,cAAYtB;IAAkB,CAAE,CAC/E,CACF,CACF,CAAC,eACNtD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MACE,aAAU,eAAe;MACzBC,SAAS,EAAEL,aAAa,GAAGM,cAAK,CAACY,oBAAoB,GAAGZ,cAAK,CAACa;IAAe,gBAE7EhF,MAAA,CAAAW,OAAA,CAAAsD,aAAA,CAACzD,eAAA,CAAAG,OAAc;MACbuD,SAAS,EAAEC,cAAK,CAACc,OAAQ;MACzB7B,OAAO,EAAEA,OAAQ;MACjBG,oBAAoB,EAAEA;IAAqB,CAC5C,CAAC,eACFvD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MACE,aAAU,KAAK;MACfC,SAAS,EAAEC,cAAK,CAACe,SAAU;MAC3Bf,KAAK,EAAE;QACLgB,eAAe,EAAEzB;MACnB,CAAE;MACFc,OAAO,EAAE,IAAI,CAAChC;IAAa,GAE1BQ,cACE,CACF,CAAC,eACNhD,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MACE,aAAU,aAAa;MACvBC,SAAS,EAAEJ,aAAa,GAAGK,cAAK,CAACiB,aAAa,GAAGjB,cAAK,CAACpB;IAAQ,GAE9DgB,QAAQ,eACT/D,MAAA,CAAAW,OAAA,CAAAsD,aAAA;MACE,aAAU,KAAK;MACfC,SAAS,EAAEC,cAAK,CAACe,SAAU;MAC3Bf,KAAK,EAAE;QACLgB,eAAe,EAAEzB;MACnB,CAAE;MACFc,OAAO,EAAE,IAAI,CAAChC;IAAa,GAE1BU,YACE,CACF,CACF,CAAC;EAEV;AACF;AAtKM1B,OAAO,CACJ6D,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBxC,cAAc,EAAEyC,kBAAS,CAACC,MAAM;EAChCzC,cAAc,EAAEwC,kBAAS,CAACC,MAAM;EAChCxC,YAAY,EAAEuC,kBAAS,CAACC,MAAM;EAC9BvC,YAAY,EAAEsC,kBAAS,CAACC,MAAM;EAC9BvD,WAAW,EAAEsD,kBAAS,CAACE,IAAI;EAC3BtD,SAAS,EAAEoD,kBAAS,CAACE,IAAI;EACzBvC,OAAO,EAAEwC,uBAAc,CAACP,SAAS,CAACjC,OAAO;EACzCL,OAAO,EAAE0C,kBAAS,CAACI,KAAK,CAACC,eAAM,CAACT,SAAS,CAAC;EAC1CxC,QAAQ,EAAE4C,kBAAS,CAACM,IAAI;EACxBtD,eAAe,EAAEgD,kBAAS,CAACM,IAAI;EAC/BnD,aAAa,EAAE6C,kBAAS,CAACM,IAAI;EAC7BzC,iBAAiB,EAAEmC,kBAAS,CAACC,MAAM;EACnCrC,mBAAmB,EAAEoC,kBAAS,CAACC,MAAM;EACrCnC,oBAAoB,EAAEkC,kBAAS,CAACC,MAAM;EACtClC,aAAa,EAAEiC,kBAAS,CAACC;AAC3B,CAAC;AAAA,IAAAM,QAAA,GAAAC,OAAA,CAAAtF,OAAA,GAuJYa,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Filters","React","Component","contextTypes","skin","Provider","childContextTypes","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","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","style","select","search","activeDefault","default","title","arrow","color","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","PropTypes","string","bool","FiltersWrapper","shape","Select","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 style={{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 style={{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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"}