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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.js","names":["React","PropTypes","classnames","Select","InputSwitch","RadioGroup","RangeSlider","style","FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className, filterGroupAriaLabel} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":"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"}
+{"version":3,"file":"filters-wrapper.js","names":["React","PropTypes","classnames","Select","InputSwitch","RadioGroup","RangeSlider","style","FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","wrapperNone","wrapper","propTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className, filterGroupAriaLabel} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":"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"}

package/es/molecule/filters/index.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,9 @@
 import _isEmpty from "lodash/fp/isEmpty";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import ForumPost from '../forum-post';
 import style from './style.css';
-
 const ForumThread = props => {
   const {
     answers = [],
@@ -24,7 +21,6 @@ const ForumThread = props => {
     className: style.answers
   }, answersView));
 };
-
 ForumThread.propTypes = process.env.NODE_ENV !== "production" ? {
   answers: PropTypes.arrayOf(PropTypes.shape(ForumThread.propTypes)),
   mainPost: PropTypes.bool

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ForumPost","style","ForumThread","props","answers","mainPost","answersView","map","answerProps","id","propTypes","arrayOf","shape","bool"],"sources":["../../../../src/molecule/forum/forum-thread/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport ForumPost from '../forum-post';\nimport style from './style.css';\n\nconst ForumThread = props => {\n  const {answers = [], mainPost = false} = props;\n  const answersView = answers.map(answerProps => (\n    <ForumThread {...answerProps} key={answerProps.id} />\n  ));\n\n  return (\n    <div className={mainPost ? style.mainPost : null}>\n      <ForumPost {...props} mainPost={mainPost && !isEmpty(answers)} />\n      <div data-name=\"forumAnswers\" className={style.answers}>\n        {answersView}\n      </div>\n    </div>\n  );\n};\n\nForumThread.propTypes = {\n  answers: PropTypes.arrayOf(PropTypes.shape(ForumThread.propTypes)),\n  mainPost: PropTypes.bool\n};\nexport default ForumThread;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,OAAO,GAAG,EAAX;IAAeC,QAAQ,GAAG;EAA1B,IAAmCF,KAAzC;EACA,MAAMG,WAAW,GAAGF,OAAO,CAACG,GAAR,CAAYC,WAAW,iBACzC,oBAAC,WAAD,eAAiBA,WAAjB;IAA8B,GAAG,EAAEA,WAAW,CAACC;EAA/C,GADkB,CAApB;EAIA,oBACE;IAAK,SAAS,EAAEJ,QAAQ,GAAGJ,KAAK,CAACI,QAAT,GAAoB;EAA5C,gBACE,oBAAC,SAAD,eAAeF,KAAf;IAAsB,QAAQ,EAAEE,QAAQ,IAAI,CAAC,SAAQD,OAAR;EAA7C,GADF,eAEE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEH,KAAK,CAACG;EAA/C,GACGE,WADH,CAFF,CADF;AAQD,CAdD;;AAgBAJ,WAAW,CAACQ,SAAZ,2CAAwB;EACtBN,OAAO,EAAEL,SAAS,CAACY,OAAV,CAAkBZ,SAAS,CAACa,KAAV,CAAgBV,WAAW,CAACQ,SAA5B,CAAlB,CADa;EAEtBL,QAAQ,EAAEN,SAAS,CAACc;AAFE,CAAxB;AAIA,eAAeX,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ForumPost","style","ForumThread","props","answers","mainPost","answersView","map","answerProps","id","propTypes","arrayOf","shape","bool"],"sources":["../../../../src/molecule/forum/forum-thread/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport ForumPost from '../forum-post';\nimport style from './style.css';\n\nconst ForumThread = props => {\n  const {answers = [], mainPost = false} = props;\n  const answersView = answers.map(answerProps => (\n    <ForumThread {...answerProps} key={answerProps.id} />\n  ));\n\n  return (\n    <div className={mainPost ? style.mainPost : null}>\n      <ForumPost {...props} mainPost={mainPost && !isEmpty(answers)} />\n      <div data-name=\"forumAnswers\" className={style.answers}>\n        {answersView}\n      </div>\n    </div>\n  );\n};\n\nForumThread.propTypes = {\n  answers: PropTypes.arrayOf(PropTypes.shape(ForumThread.propTypes)),\n  mainPost: PropTypes.bool\n};\nexport default ForumThread;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,OAAO,GAAG,EAAE;IAAEC,QAAQ,GAAG;EAAK,CAAC,GAAGF,KAAK;EAC9C,MAAMG,WAAW,GAAGF,OAAO,CAACG,GAAG,CAACC,WAAW,iBACzC,oBAAC,WAAW,eAAKA,WAAW;IAAE,GAAG,EAAEA,WAAW,CAACC;EAAG,GACnD,CAAC;EAEF,oBACE;IAAK,SAAS,EAAEJ,QAAQ,GAAGJ,KAAK,CAACI,QAAQ,GAAG;EAAK,gBAC/C,oBAAC,SAAS,eAAKF,KAAK;IAAE,QAAQ,EAAEE,QAAQ,IAAI,CAAC,SAAQD,OAAO;EAAE,GAAG,eACjE;IAAK,aAAU,cAAc;IAAC,SAAS,EAAEH,KAAK,CAACG;EAAQ,GACpDE,WAAW,CACR,CACF;AAEV,CAAC;AAEDJ,WAAW,CAACQ,SAAS,2CAAG;EACtBN,OAAO,EAAEL,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,KAAK,CAACV,WAAW,CAACQ,SAAS,CAAC,CAAC;EAClEL,QAAQ,EAAEN,SAAS,CAACc;AACtB,CAAC;AACD,eAAeX,WAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"post-conditions.js","names":["PropTypes","SrcPropType","author","string","date","message","avatar","answerAvatar","answer","edition","showAnswerBox","bool","showEditBox","mainPost","onAnswer","func","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete"],"sources":["../../../src/molecule/forum/post-conditions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n  author: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AAEA,eAAe;EACbC,MAAM,EAAEF,SAAS,CAACG,MADL;EAEbC,IAAI,EAAEJ,SAAS,CAACG,MAFH;EAGbE,OAAO,EAAEL,SAAS,CAACG,MAHN;EAIbG,MAAM,EAAEL,WAJK;EAKbM,YAAY,EAAEN,WALD;EAMbO,MAAM,EAAER,SAAS,CAACG,MANL;EAObM,OAAO,EAAET,SAAS,CAACG,MAPN;EAQbO,aAAa,EAAEV,SAAS,CAACW,IARZ;EASbC,WAAW,EAAEZ,SAAS,CAACW,IATV;EAUbE,QAAQ,EAAEb,SAAS,CAACW,IAVP;EAWbG,QAAQ,EAAEd,SAAS,CAACe,IAXP;EAYbC,MAAM,EAAEhB,SAAS,CAACe,IAZL;EAabE,YAAY,EAAEjB,SAAS,CAACe,IAbX;EAcbG,aAAa,EAAElB,SAAS,CAACe,IAdZ;EAebI,cAAc,EAAEnB,SAAS,CAACe,IAfb;EAgBbK,eAAe,EAAEpB,SAAS,CAACe,IAhBd;EAiBbM,UAAU,EAAErB,SAAS,CAACe,IAjBT;EAkBbO,QAAQ,EAAEtB,SAAS,CAACe;AAlBP,CAAf"}
+{"version":3,"file":"post-conditions.js","names":["PropTypes","SrcPropType","author","string","date","message","avatar","answerAvatar","answer","edition","showAnswerBox","bool","showEditBox","mainPost","onAnswer","func","onEdit","onPostAnswer","onPostEdition","onChangeAnswer","onChangeEdition","onModerate","onDelete"],"sources":["../../../src/molecule/forum/post-conditions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n  author: PropTypes.string,\n  date: PropTypes.string,\n  message: PropTypes.string,\n  avatar: SrcPropType,\n  answerAvatar: SrcPropType,\n  answer: PropTypes.string,\n  edition: PropTypes.string,\n  showAnswerBox: PropTypes.bool,\n  showEditBox: PropTypes.bool,\n  mainPost: PropTypes.bool,\n  onAnswer: PropTypes.func,\n  onEdit: PropTypes.func,\n  onPostAnswer: PropTypes.func,\n  onPostEdition: PropTypes.func,\n  onChangeAnswer: PropTypes.func,\n  onChangeEdition: PropTypes.func,\n  onModerate: PropTypes.func,\n  onDelete: PropTypes.func\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAAQC,WAAW,QAAO,sBAAsB;AAEhD,eAAe;EACbC,MAAM,EAAEF,SAAS,CAACG,MAAM;EACxBC,IAAI,EAAEJ,SAAS,CAACG,MAAM;EACtBE,OAAO,EAAEL,SAAS,CAACG,MAAM;EACzBG,MAAM,EAAEL,WAAW;EACnBM,YAAY,EAAEN,WAAW;EACzBO,MAAM,EAAER,SAAS,CAACG,MAAM;EACxBM,OAAO,EAAET,SAAS,CAACG,MAAM;EACzBO,aAAa,EAAEV,SAAS,CAACW,IAAI;EAC7BC,WAAW,EAAEZ,SAAS,CAACW,IAAI;EAC3BE,QAAQ,EAAEb,SAAS,CAACW,IAAI;EACxBG,QAAQ,EAAEd,SAAS,CAACe,IAAI;EACxBC,MAAM,EAAEhB,SAAS,CAACe,IAAI;EACtBE,YAAY,EAAEjB,SAAS,CAACe,IAAI;EAC5BG,aAAa,EAAElB,SAAS,CAACe,IAAI;EAC7BI,cAAc,EAAEnB,SAAS,CAACe,IAAI;EAC9BK,eAAe,EAAEpB,SAAS,CAACe,IAAI;EAC/BM,UAAU,EAAErB,SAAS,CAACe,IAAI;EAC1BO,QAAQ,EAAEtB,SAAS,CAACe;AACtB,CAAC"}

package/es/molecule/go1-banner/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../../atom/button';
 import style from './style.css';
-
 const Go1Banner = props => {
   const {
     image,
@@ -17,13 +16,15 @@ const Go1Banner = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.textSection
   }, /*#__PURE__*/React.createElement("span", {
-    className: style.title // eslint-disable-next-line react/no-danger
+    className: style.title
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), /*#__PURE__*/React.createElement("span", {
-    className: style.subTitle // eslint-disable-next-line react/no-danger
+    className: style.subTitle
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: subTitle
@@ -44,7 +45,6 @@ const Go1Banner = props => {
     src: image
   }));
 };
-
 Go1Banner.propTypes = process.env.NODE_ENV !== "production" ? {
   image: PropTypes.string,
   title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Button","style","Go1Banner","props","image","title","subTitle","onClick","submitValue","background","textSection","__html","buttonWrapper","ctaButton","backgroundColor","propTypes","string"],"sources":["../../../src/molecule/go1-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Go1Banner = props => {\n  const {image, title, subTitle, onClick, submitValue} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.ctaButton}\n            style={{backgroundColor: '#D5FD42'}}\n          />\n        </div>\n      </div>\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nGo1Banner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Go1Banner;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,OAAzB;IAAkCC;EAAlC,IAAiDL,KAAvD;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACQ,UAAtB;IAAkC,aAAU;EAA5C,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE;IACE,SAAS,EAAET,KAAK,CAACI,KADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACM,MAAM,EAAEN;IAAT;EAH3B,EADF,eAME;IACE,SAAS,EAAEJ,KAAK,CAACK,QADnB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACK,MAAM,EAAEL;IAAT;EAH3B,EANF,eAWE;IAAK,SAAS,EAAEL,KAAK,CAACW;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,mBAFZ;IAGE,OAAO,EAAEL,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEP,KAAK,CAACY,SALnB;IAME,KAAK,EAAE;MAACC,eAAe,EAAE;IAAlB;EANT,EADF,CAXF,CADF,eAuBE;IAAK,SAAS,EAAEb,KAAK,CAACG,KAAtB;IAA6B,GAAG,EAAEA;EAAlC,EAvBF,CADF;AA2BD,CA9BD;;AAgCAF,SAAS,CAACa,SAAV,2CAAsB;EACpBX,KAAK,EAAEL,SAAS,CAACiB,MADG;EAEpBX,KAAK,EAAEN,SAAS,CAACiB,MAFG;EAGpBV,QAAQ,EAAEP,SAAS,CAACiB,MAHA;EAIpBT,OAAO,EAAEP,MAAM,CAACe,SAAP,CAAiBR,OAJN;EAKpBC,WAAW,EAAER,MAAM,CAACe,SAAP,CAAiBP;AALV,CAAtB;AAQA,eAAeN,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Button","style","Go1Banner","props","image","title","subTitle","onClick","submitValue","background","textSection","__html","buttonWrapper","ctaButton","backgroundColor","propTypes","string"],"sources":["../../../src/molecule/go1-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport style from './style.css';\n\nconst Go1Banner = props => {\n  const {image, title, subTitle, onClick, submitValue} = props;\n\n  return (\n    <div className={style.background} data-name=\"go1-banner\">\n      <div className={style.textSection}>\n        <span\n          className={style.title}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <span\n          className={style.subTitle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: subTitle}}\n        />\n        <div className={style.buttonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"learn-more-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.ctaButton}\n            style={{backgroundColor: '#D5FD42'}}\n          />\n        </div>\n      </div>\n      <img className={style.image} src={image} />\n    </div>\n  );\n};\n\nGo1Banner.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Go1Banner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAE5D,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACQ,UAAW;IAAC,aAAU;EAAY,gBACtD;IAAK,SAAS,EAAER,KAAK,CAACS;EAAY,gBAChC;IACE,SAAS,EAAET,KAAK,CAACI;IACjB;IAAA;IACA,uBAAuB,EAAE;MAACM,MAAM,EAAEN;IAAK;EAAE,EACzC,eACF;IACE,SAAS,EAAEJ,KAAK,CAACK;IACjB;IAAA;IACA,uBAAuB,EAAE;MAACK,MAAM,EAAEL;IAAQ;EAAE,EAC5C,eACF;IAAK,SAAS,EAAEL,KAAK,CAACW;EAAc,gBAClC,oBAAC,MAAM;IACL,IAAI,EAAC,MAAM;IACX,aAAU,mBAAmB;IAC7B,OAAO,EAAEL,OAAQ;IACjB,WAAW,EAAEC,WAAY;IACzB,SAAS,EAAEP,KAAK,CAACY,SAAU;IAC3B,KAAK,EAAE;MAACC,eAAe,EAAE;IAAS;EAAE,EACpC,CACE,CACF,eACN;IAAK,SAAS,EAAEb,KAAK,CAACG,KAAM;IAAC,GAAG,EAAEA;EAAM,EAAG,CACvC;AAEV,CAAC;AAEDF,SAAS,CAACa,SAAS,2CAAG;EACpBX,KAAK,EAAEL,SAAS,CAACiB,MAAM;EACvBX,KAAK,EAAEN,SAAS,CAACiB,MAAM;EACvBV,QAAQ,EAAEP,SAAS,CAACiB,MAAM;EAC1BT,OAAO,EAAEP,MAAM,CAACe,SAAS,CAACR,OAAO;EACjCC,WAAW,EAAER,MAAM,CAACe,SAAS,CAACP;AAChC,CAAC;AAED,eAAeN,SAAS"}

package/es/molecule/hero/index.js

@@ -6,7 +6,6 @@ import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import CardContentInfo, { MODES } from '../card-content';
 import style from './style.css';
-
 const Hero = (props, context) => {
   const {
     skin
@@ -19,9 +18,7 @@ const Hero = (props, context) => {
     onClick,
     submitValue
   } = props;
-
   const primaryColor = _get('common.primary', skin);
-
   const cardStyle = classnames(style.hero, title ? null : style.lazy);
   return /*#__PURE__*/React.createElement("div", {
     className: cardStyle,
@@ -53,7 +50,6 @@ const Hero = (props, context) => {
     }
   })));
 };
-
 Hero.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","HERO","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {image, title, author, progress, onClick, submitValue} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      <div className={style.heroButtonWrapper}>\n        <Button\n          type=\"link\"\n          data-name=\"hero-button\"\n          onClick={onClick}\n          submitValue={submitValue}\n          className={style.heroButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC,MAAf;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC;EAA1C,IAAyDR,KAA/D;;EAEA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBP,IAAtB,CAArB;;EACA,MAAMQ,SAAS,GAAGjB,UAAU,CAACK,KAAK,CAACa,IAAP,EAAaP,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACc,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACe;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEf,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLW,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEZ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,oBAAC,eAAD;IAAiB,IAAI,EAAEN,KAAK,CAACmB,IAA7B;IAAmC,MAAM,EAAEX,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEV,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACoB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACoB,YAAL,GAAoB;EAClBjB,IAAI,EAAER,QAAQ,CAAC0B,iBAAT,CAA2BlB;AADf,CAApB;AAIAH,IAAI,CAACsB,SAAL,2CAAiB;EACflB,KAAK,EAAEX,SAAS,CAAC8B,MADF;EAEflB,KAAK,EAAER,eAAe,CAACyB,SAAhB,CAA0BjB,KAFlB;EAGfC,MAAM,EAAET,eAAe,CAACyB,SAAhB,CAA0BhB,MAHnB;EAIfC,QAAQ,EAAEV,eAAe,CAACyB,SAAhB,CAA0Bf,QAJrB;EAKfC,OAAO,EAAEZ,MAAM,CAAC0B,SAAP,CAAiBd,OALX;EAMfC,WAAW,EAAEb,MAAM,CAAC0B,SAAP,CAAiBb;AANf,CAAjB;AASA,eAAeT,IAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","HERO","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {image, title, author, progress, onClick, submitValue} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      <div className={style.heroButtonWrapper}>\n        <Button\n          type=\"link\"\n          data-name=\"hero-button\"\n          onClick={onClick}\n          submitValue={submitValue}\n          className={style.heroButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,eAAe,IAAGC,KAAK,QAAO,iBAAiB;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGR,KAAK;EAEpE,MAAMS,YAAY,GAAG,KAAI,gBAAgB,EAAEP,IAAI,CAAC;EAChD,MAAMQ,SAAS,GAAGjB,UAAU,CAACK,KAAK,CAACa,IAAI,EAAEP,KAAK,GAAG,IAAI,GAAGN,KAAK,CAACc,IAAI,CAAC;EAEnE,oBACE;IAAK,SAAS,EAAEF,SAAU;IAAC,aAAU;EAAM,gBACzC;IAAK,SAAS,EAAEZ,KAAK,CAACe;EAAa,gBACjC;IACE,aAAU,OAAO;IACjB,SAAS,EAAEf,KAAK,CAACK,KAAM;IACvB,KAAK,EAAE;MACLW,eAAe,EAAEL,YAAY;MAC7BM,eAAe,EAAEZ,KAAK,GAAI,QAAOA,KAAM,IAAG,GAAG;IAC/C;EAAE,EACF,CACE,eACN,oBAAC,eAAe;IAAC,IAAI,EAAEN,KAAK,CAACmB,IAAK;IAAC,MAAM,EAAEX,MAAO;IAAC,QAAQ,EAAEC,QAAS;IAAC,KAAK,EAAEF;EAAM,EAAG,eACvF;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAkB,gBACtC,oBAAC,MAAM;IACL,IAAI,EAAC,MAAM;IACX,aAAU,aAAa;IACvB,OAAO,EAAEV,OAAQ;IACjB,WAAW,EAAEC,WAAY;IACzB,SAAS,EAAEV,KAAK,CAACoB,UAAW;IAC5B,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAY;EAAE,EACvC,CACE,CACF;AAEV,CAAC;AAEDV,IAAI,CAACoB,YAAY,GAAG;EAClBjB,IAAI,EAAER,QAAQ,CAAC0B,iBAAiB,CAAClB;AACnC,CAAC;AAEDH,IAAI,CAACsB,SAAS,2CAAG;EACflB,KAAK,EAAEX,SAAS,CAAC8B,MAAM;EACvBlB,KAAK,EAAER,eAAe,CAACyB,SAAS,CAACjB,KAAK;EACtCC,MAAM,EAAET,eAAe,CAACyB,SAAS,CAAChB,MAAM;EACxCC,QAAQ,EAAEV,eAAe,CAACyB,SAAS,CAACf,QAAQ;EAC5CC,OAAO,EAAEZ,MAAM,CAAC0B,SAAS,CAACd,OAAO;EACjCC,WAAW,EAAEb,MAAM,CAAC0B,SAAS,CAACb;AAChC,CAAC;AAED,eAAeT,IAAI"}

package/es/molecule/input-text-with-titled-checkbox/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import InputText from '../../atom/input-text';
 import CheckboxWithTitle from '../../atom/checkbox-with-title';
 import style from './style.css';
-
 const InputTextWithTiteledCheckbox = props => {
   const {
     title,
@@ -41,7 +40,6 @@ const InputTextWithTiteledCheckbox = props => {
     "aria-label": ariaLabel.input
   })));
 };
-
 InputTextWithTiteledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   name: PropTypes.string,