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

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

@@ -1 +1 @@
-{"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;AAAgC;AAEhC,MAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAEC,cAAK,CAACC,cAAc;EAC7BC,OAAO,EAAEF,cAAK,CAACG,qBAAqB;EACpCC,MAAM,EAAEJ,cAAK,CAACC;AAChB,CAAC;AAED,MAAMI,WAAW,GAAG;EAClBN,OAAO,EAAEC,cAAK,CAACM,MAAM;EACrBJ,OAAO,EAAEF,cAAK,CAACO,aAAa;EAC5BH,MAAM,EAAEJ,cAAK,CAACM;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,GAAG,IAAAC,iBAAQ,EAAC,MAAM,EAAEL,GAAG,CAAC;EACnC,MAAMM,YAAY,GAAI,6DAA4DN,GAAI,EAAC;EAEvF,OAAO,IAAAO,mBAAU,EAAC,OAAO,EAAEL,WAAW,CAAC,gBACrC;IAAK,SAAS,EAAEd,mBAAmB,CAACe,IAAI;EAAE,gBACxC;IACE,SAAS,EAAEb,cAAK,CAACkB,SAAU;IAC3B,KAAK,EAAE;MAACC,eAAe,EAAER,kBAAkB,IAAK,OAAMA,kBAAmB;IAAE;EAAE,EAC7E,eACF;IACE,SAAS,EAAEX,cAAK,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,EAAEV,GAAI;IAAC,IAAI,EAAEE;EAAY,EAAG,CACjC,CACJ,gBAEN;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAQ,GAAGG,YAAY,GAAGN,GAAI;IACrD,WAAW,EAAE,CAAE;IACf,SAAS,EAAEL,WAAW,CAACQ,IAAI,CAAE;IAC7B,eAAe;IACf,aAAU;EAAyB,EAEtC;AACH;AAEAL,qBAAqB,CAACa,SAAS,2CAAG;EAChCX,GAAG,EAAEY,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChCb,kBAAkB,EAAEW,kBAAS,CAACC,MAAM;EACpCX,WAAW,EAAEU,kBAAS,CAACC,MAAM;EAC7BV,IAAI,EAAES,kBAAS,CAACC;AAClB,CAAC;AAAC,eAEaf,qBAAqB;AAAA"}
+{"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,18 +2,31 @@
 
 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(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 }; }
+
 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 Feedback = (props, context) => {
   const {
     media,
@@ -22,9 +35,11 @@ const Feedback = (props, context) => {
     description,
     mode = 'default'
   } = props;
+
   const resource = media && media.type && _extends({}, media, (0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
     description: mediaDescription
   }))(media));
+
   return (resource || title || description ? /*#__PURE__*/_react.default.createElement("div", {
     className: mode === 'scorm' ? _style.default.feedbackContainerScorm : null
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -33,8 +48,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
@@ -43,8 +57,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
@@ -54,14 +67,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,

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

@@ -1 +1 @@
-{"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;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,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,oBAAK,mBAAI,OAAO,CAAC,EAAE,sBAAO;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,GAAGG,cAAK,CAACC,sBAAsB,GAAG;EAAK,gBACrE;IAAK,SAAS,EAAED,cAAK,CAACE,QAAS;IAAC,aAAU,UAAU;IAAC,EAAE,EAAC;EAAU,gBAChE;IACE,SAAS,EAAE,IAAAC,mBAAU,EAACH,cAAK,CAACL,KAAK,EAAEK,cAAK,CAACI,SAAS,CAAE;IACpD,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEK,cAAK,CAACM;EAAY,gBAChC;IACE,SAAS,EAAE,IAAAH,mBAAU,EAACH,cAAK,CAACJ,WAAW,EAAEI,cAAK,CAACI,SAAS,CAAE;IAC1D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAW;EAAE,EAC/C,EACDE,QAAQ,gBACP,uDACE,6BAAC,uBAAc;IAAC,SAAS,EAAEE,cAAK,CAACO,cAAe;IAAC,QAAQ,EAAET;EAAS,EAAG,eACvE;IACE,aAAU,kBAAkB;IAC5B,SAAS,EAAE,IAAAK,mBAAU,EAACH,cAAK,CAACN,gBAAgB,EAAEM,cAAK,CAACI,SAAS;IAC7D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAgB;EAAE,EACpD,CACE,GACJ,IAAI,CACJ,CACF,CACF,GACJ,IAAI,KAAK,IAAI;AAErB,CAAC;AAEDJ,QAAQ,CAACkB,SAAS,2CAAG;EACnBb,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBd,WAAW,EAAEa,kBAAS,CAACC,MAAM;EAC7BjB,KAAK,EAAEgB,kBAAS,CAACE,KAAK,CAAC;IACrBZ,IAAI,EAAEU,kBAAS,CAACG,KAAK,CAAC,CAACC,0BAAU,EAAEC,wBAAQ,EAAEC,0BAAU,EAAEC,0BAAU,CAAC,CAAC;IACrEC,GAAG,EAAER,kBAAS,CAACS,OAAO,CAACT,kBAAS,CAACU,GAAG;EACtC,CAAC,CAAC;EACFzB,gBAAgB,EAAEe,kBAAS,CAACC;AAC9B,CAAC;AAAC,eAEapB,QAAQ;AAAA"}
+{"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,iBAEVN,KAFU,EAGV,oBAAK,mBAAI,OAAJ,CAAL,EAAmB,sBAAO;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,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.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/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(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",
@@ -62,17 +80,23 @@ const FiltersWapper = (props, context) => {
           className: _filtersWapper.default.choice,
           key: idx
         }, /*#__PURE__*/_react.default.createElement("p", {
+          id: `title-id-${idx}`,
           className: _filtersWapper.default.title
         }, filter.title), /*#__PURE__*/_react.default.createElement("div", {
           className: _filtersWapper.default.toggle
-        }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, filter.display)));
+        }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, _extends({}, filter.display, {
+          "aria-labelledby": `titleId-${idx}`
+        }))));
+
       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),
@@ -80,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({

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

@@ -1 +1 @@
-{"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","toggle","display","filtersList","convert","cap","emptyFilters","classnames","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 data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAyC;AAAA;AAEzC,MAAMA,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC,OAAO;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAGJ,KAAK;EAExD,MAAMK,WAAW,GAAG,CAACC,MAAM,EAAEC,GAAG,KAAK;IACnC,MAAM;MAACC,IAAI;MAAEC;IAAS,CAAC,GAAGH,MAAM;IAChC,QAAQE,IAAI;MACV,KAAK,QAAQ;QACX,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBC,SAAU;UAAC,SAAS,EAAEC,sBAAK,CAACC,MAAO;UAAC,GAAG,EAAEJ;QAAI,gBACrF,6BAAC,eAAM,EAAKD,MAAM,CAAI,CAClB;MAEV,KAAK,OAAO;QACV,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBG,SAAU;UAAC,SAAS,EAAEC,sBAAK,CAACC,MAAO;UAAC,GAAG,EAAEJ;QAAI,gBACrF;UAAG,SAAS,EAAEG,sBAAK,CAACE;QAAM,GAAEN,MAAM,CAACM,KAAK,CAAK,eAC7C,6BAAC,mBAAU,eAAKN,MAAM;UAAE,SAAS,EAAEI,sBAAK,CAACG;QAAW,GAAG,CACnD;MAEV,KAAK,OAAO;QACV,oBACE;UACE,aAAU,QAAQ;UAClB,oBAAkBJ,SAAU;UAC5B,SAAS,EAAEC,sBAAK,CAACI,YAAa;UAC9B,GAAG,EAAEP;QAAI,gBAET,yDACE;UAAM,SAAS,EAAEG,sBAAK,CAACE;QAAM,GAAEN,MAAM,CAACM,KAAK,CAAQ,eACnD;UAAG,SAAS,EAAEF,sBAAK,CAACK;QAAc,GAAET,MAAM,CAACU,QAAQ,CAAK,eACxD,6BAAC,cAAW,EAAKV,MAAM,CAAI,CACrB,CACJ;MAEV,KAAK,QAAQ;QACX,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBG,SAAU;UAAC,SAAS,EAAEC,sBAAK,CAACC,MAAO;UAAC,GAAG,EAAEJ;QAAI,gBACrF;UAAG,SAAS,EAAEG,sBAAK,CAACE;QAAM,GAAEN,MAAM,CAACM,KAAK,CAAK,eAC7C;UAAK,SAAS,EAAEF,sBAAK,CAACO;QAAO,gBAC3B,6BAAC,oBAAW,EAAKX,MAAM,CAACY,OAAO,CAAI,CAC/B,CACF;MAEV;QACE,OAAO,IAAI;IAAC;EAElB,CAAC;EAED,MAAMC,WAAW,GAAG,cAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAChB,WAAW,EAAEH,OAAO,CAAC;EACnE,MAAMoB,YAAY,GAAG,uBAAQpB,OAAO,CAAC;EACrC,oBACE,wDACE;IACE,SAAS,EAAE,IAAAqB,mBAAU,EAACpB,SAAS,EAAEmB,YAAY,GAAGZ,sBAAK,CAACc,WAAW,GAAGd,sBAAK,CAACe,OAAO,CAAE;IACnF,IAAI,EAAC,OAAO;IACZ,cAAYrB;EAAqB,GAEhCe,WAAW,CACR,CACD;AAEX,CAAC;AAEDpB,aAAa,CAAC2B,SAAS,2CAAG;EACxBvB,SAAS,EAAEwB,kBAAS,CAACC,MAAM;EAC3B1B,OAAO,EAAEyB,kBAAS,CAACE,OAAO,CACxBF,kBAAS,CAACG,KAAK,CAAC;IACdtB,IAAI,EAAEmB,kBAAS,CAACI,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAACC,UAAU;IACxEvB,SAAS,EAAEkB,kBAAS,CAACC,MAAM,CAACI;EAC9B,CAAC,CAAC,CACH;EACD5B,oBAAoB,EAAEuB,kBAAS,CAACC;AAClC,CAAC;AAAC,eACa7B,aAAa;AAAA"}
+{"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","toggle","display","filtersList","convert","cap","emptyFilters","classnames","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 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/lib/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/lib/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/lib/molecule/filters/index.js

@@ -2,15 +2,27 @@
 
 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(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 {
   constructor(props) {
     super(props);
@@ -22,6 +34,7 @@ class Filters extends _react.default.Component {
     this.handleOpenSort = this.handleOpenSort.bind(this);
     this.handleSearch = this.handleSearch.bind(this);
   }
+
   handleOpenFilter() {
     const {
       filter
@@ -34,10 +47,12 @@ class Filters extends _react.default.Component {
       filter: newValue,
       sorted: false
     });
+
     if (onToggleFilters) {
       onToggleFilters(newValue);
     }
   }
+
   handleOpenSort() {
     const {
       sorted
@@ -52,6 +67,7 @@ class Filters extends _react.default.Component {
     });
     if (onToggleSorts) onToggleSorts(newValue);
   }
+
   handleSearch() {
     const {
       onSearch
@@ -62,6 +78,7 @@ class Filters extends _react.default.Component {
     });
     if (onSearch) onSearch();
   }
+
   render() {
     const {
       sorting,
@@ -72,7 +89,8 @@ class Filters extends _react.default.Component {
       filters,
       moreFilterAriaLabel,
       moreSortAriaLabel,
-      filterGroupAriaLabel
+      filterGroupAriaLabel,
+      sortAriaLabel
     } = this.props;
     const {
       filter,
@@ -88,7 +106,9 @@ class Filters extends _react.default.Component {
     const sortView = sorting !== undefined ? /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "choice",
       className: _style.default.select
-    }, /*#__PURE__*/_react.default.createElement(_select.default, sorting)) : null;
+    }, /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, sorting, {
+      "aria-label": sortAriaLabel
+    }))) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "search",
       className: _style.default.search
@@ -146,7 +166,9 @@ class Filters extends _react.default.Component {
       onClick: this.handleSearch
     }, sortCTALabel)));
   }
+
 }
+
 Filters.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -164,7 +186,8 @@ Filters.propTypes = process.env.NODE_ENV !== "production" ? {
   onToggleSorts: _propTypes.default.func,
   moreSortAriaLabel: _propTypes.default.string,
   moreFilterAriaLabel: _propTypes.default.string,
-  filterGroupAriaLabel: _propTypes.default.string
+  filterGroupAriaLabel: _propTypes.default.string,
+  sortAriaLabel: _propTypes.default.string
 } : {};
 var _default = Filters;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Filters","React","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","style","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","Provider","childContextTypes","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  };\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":["Filters","React","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","style","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","Provider","childContextTypes","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 color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}

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

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _proptypes = require("../../../util/proptypes");
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../../atom/button"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ForumComment = (props, context) => {
   const {
     translate,
@@ -35,6 +46,7 @@ const ForumComment = (props, context) => {
     src: avatar,
     alt: profileAvatarAlt
   })) : null;
+
   const button = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.post
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -47,6 +59,7 @@ const ForumComment = (props, context) => {
     },
     className: postDisabled ? _style.default.disabledButton : _style.default.button
   }));
+
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "forumComment",
     className: (0, _classnames.default)(_style.default.container, newPost ? _style.default.newPost : null)
@@ -63,6 +76,7 @@ const ForumComment = (props, context) => {
     disabled: textareaDisabled
   }))), button);
 };
+
 ForumComment.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ForumComment","props","context","translate","skin","avatar","onPost","onChange","value","textareaDisabled","postDisabled","newPost","profileAvatarAlt","primary","light","avatarView","style","image","button","post","backgroundColor","disabledButton","classnames","container","wrapper","comment","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","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;AACA;AAEA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,mBAAI,gBAAgB,EAAET,IAAI,CAAC;EAC3C,MAAMU,KAAK,GAAG,mBAAI,cAAc,EAAEV,IAAI,CAAC;EAEvC,MAAMW,UAAU,GAAGV,MAAM,gBACvB;IAAK,SAAS,EAAEW,cAAK,CAACC;EAAM,gBAC1B;IAAK,GAAG,EAAEZ,MAAO;IAAC,GAAG,EAAEO;EAAiB,EAAG,CACvC,GACJ,IAAI;EAER,MAAMM,MAAM,gBACV;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAK,gBACzB,6BAAC,eAAM;IACL,IAAI,EAAC,MAAM;IACX,OAAO,EAAE,CAACT,YAAY,GAAGJ,MAAM,iBAAQ;IACvC,QAAQ,EAAEI,YAAa;IACvB,WAAW,EAAEP,SAAS,CAAC,MAAM,CAAE;IAC/B,KAAK,EAAE;MACLiB,eAAe,EAAEV,YAAY,GAAGI,KAAK,GAAGD;IAC1C,CAAE;IACF,SAAS,EAAEH,YAAY,GAAGM,cAAK,CAACK,cAAc,GAAGL,cAAK,CAACE;EAAO,EAC9D,CAEL;EAED,oBACE;IACE,aAAU,cAAc;IACxB,SAAS,EAAE,IAAAI,mBAAU,EAACN,cAAK,CAACO,SAAS,EAAEZ,OAAO,GAAGK,cAAK,CAACL,OAAO,GAAG,IAAI;EAAE,gBAEvE;IAAK,SAAS,EAAE,IAAAW,mBAAU,EAACN,cAAK,CAACQ,OAAO,EAAEb,OAAO,GAAGK,cAAK,CAACL,OAAO,GAAG,IAAI;EAAE,GACvEI,UAAU,eACX;IAAK,SAAS,EAAEC,cAAK,CAACS;EAAQ,gBAC5B;IACE,WAAW,EAAEtB,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,EACLS,MAAM,CACH;AAEV,CAAC;AAEDlB,YAAY,CAAC0B,YAAY,GAAG;EAC1BvB,SAAS,EAAEwB,iBAAQ,CAACC,iBAAiB,CAACzB,SAAS;EAC/CC,IAAI,EAAEuB,iBAAQ,CAACC,iBAAiB,CAACxB;AACnC,CAAC;AAEDJ,YAAY,CAAC6B,SAAS,2CAAG;EACvBrB,KAAK,EAAEsB,kBAAS,CAACC,MAAM;EACvBnB,gBAAgB,EAAEkB,kBAAS,CAACC,MAAM;EAClC1B,MAAM,EAAE2B,sBAAW;EACnBzB,QAAQ,EAAEuB,kBAAS,CAACG,IAAI;EACxB3B,MAAM,EAAEwB,kBAAS,CAACG,IAAI;EACtBtB,OAAO,EAAEmB,kBAAS,CAACI,IAAI;EACvBzB,gBAAgB,EAAEqB,kBAAS,CAACI,IAAI;EAChCxB,YAAY,EAAEoB,kBAAS,CAACI;AAC1B,CAAC;AAAC,eACalC,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["ForumComment","props","context","translate","skin","avatar","onPost","onChange","value","textareaDisabled","postDisabled","newPost","profileAvatarAlt","primary","light","avatarView","style","image","button","post","backgroundColor","disabledButton","classnames","container","wrapper","comment","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","SrcPropType","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,mBAAI,gBAAJ,EAAsBT,IAAtB,CAAhB;EACA,MAAMU,KAAK,GAAG,mBAAI,cAAJ,EAAoBV,IAApB,CAAd;EAEA,MAAMW,UAAU,GAAGV,MAAM,gBACvB;IAAK,SAAS,EAAEW,cAAA,CAAMC;EAAtB,gBACE;IAAK,GAAG,EAAEZ,MAAV;IAAkB,GAAG,EAAEO;EAAvB,EADF,CADuB,GAIrB,IAJJ;;EAMA,MAAMM,MAAM,gBACV;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAE,CAACT,YAAD,GAAgBJ,MAAhB,iBAFX;IAGE,QAAQ,EAAEI,YAHZ;IAIE,WAAW,EAAEP,SAAS,CAAC,MAAD,CAJxB;IAKE,KAAK,EAAE;MACLiB,eAAe,EAAEV,YAAY,GAAGI,KAAH,GAAWD;IADnC,CALT;IAQE,SAAS,EAAEH,YAAY,GAAGM,cAAA,CAAMK,cAAT,GAA0BL,cAAA,CAAME;EARzD,EADF,CADF;;EAeA,oBACE;IACE,aAAU,cADZ;IAEE,SAAS,EAAE,IAAAI,mBAAA,EAAWN,cAAA,CAAMO,SAAjB,EAA4BZ,OAAO,GAAGK,cAAA,CAAML,OAAT,GAAmB,IAAtD;EAFb,gBAIE;IAAK,SAAS,EAAE,IAAAW,mBAAA,EAAWN,cAAA,CAAMQ,OAAjB,EAA0Bb,OAAO,GAAGK,cAAA,CAAML,OAAT,GAAmB,IAApD;EAAhB,GACGI,UADH,eAEE;IAAK,SAAS,EAAEC,cAAA,CAAMS;EAAtB,gBACE;IACE,WAAW,EAAEtB,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,EAiBGS,MAjBH,CADF;AAqBD,CAzDD;;AA2DAlB,YAAY,CAAC0B,YAAb,GAA4B;EAC1BvB,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB,SADZ;EAE1BC,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AAFP,CAA5B;AAKAJ,YAAY,CAAC6B,SAAb,2CAAyB;EACvBrB,KAAK,EAAEsB,kBAAA,CAAUC,MADM;EAEvBnB,gBAAgB,EAAEkB,kBAAA,CAAUC,MAFL;EAGvB1B,MAAM,EAAE2B,sBAHe;EAIvBzB,QAAQ,EAAEuB,kBAAA,CAAUG,IAJG;EAKvB3B,MAAM,EAAEwB,kBAAA,CAAUG,IALK;EAMvBtB,OAAO,EAAEmB,kBAAA,CAAUI,IANI;EAOvBzB,gBAAgB,EAAEqB,kBAAA,CAAUI,IAPL;EAQvBxB,YAAY,EAAEoB,kBAAA,CAAUI;AARD,CAAzB;eAUelC,Y"}

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

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../../util/proptypes");
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _picture = _interopRequireDefault(require("../../../atom/picture"));
+
 var _forumComment = _interopRequireDefault(require("../forum-comment"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ForumPost = (props, context) => {
   const {
     translate,
@@ -58,11 +70,13 @@ const ForumPost = (props, context) => {
   const rejectLabel = translate('Reject');
   const putBackLabel = translate('Put back');
   let messageClassName = _style.default.message;
+
   if (deleted) {
     messageClassName = _style.default.deletedMessage;
   } else if (showEditBox) {
     messageClassName = _style.default.hiddenMessage;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "forumPost",
     id: `forum-post-${id || 'to-be-posted'}`,
@@ -137,6 +151,7 @@ const ForumPost = (props, context) => {
     onChange: onChangeAnswer
   })))));
 };
+
 ForumPost.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin